Giter VIP home page Giter VIP logo

novelgamejs's Introduction

Escape From Somewhere

Escape From Somewhere est une fiction hypertextuelle interactive à choix multiples, l'histoire évolue selon les réponses que vous choisissez.


demo Escape from somewhere


Synopsis

Vous êtes un guérier qui se retrouve enfermé dans une cellule, vous ne savez pas ce que vous faites-là cependant vous allez tout faire pour ne pas y rester.

Construction de l'histoire

L'histoire est assez courte mais elle demande un développement minutieux pour que chaque choix possède une suite convenable. Voici comment cette histoire a été schématisée :

Schema histoire

Installation

Cette fiction a été conçue en JavaScript et en PHP, l'histoire et les réponses sont stockés dans une base de donnée MySQL. Il vous faudra donc un serveur Web compatible PHP (>= 5.6) pour la faire fonctionner.

  • Télécharger/Cloner ce répertoire
  • Changer les informations de connexion à la base de donnée dans : includes/connexion.php
  • Créer une base de donnée et importer les tables stockées dans : includes/db.sql
  • Ouvrir le repertoire depuis votre serveur Web
  • C'est terminé !

Fonctionnement

L'histoire et les réponses sont stockés dans une base de données et récupéré(es) en PHP, elles sont ensuite affiché à l'aide d'une fonction JavaScript qui envois une requette Ajax qui va se charger de demander l'histoire qui correspond à la réponse choisie ainsi que les réponses correspondantes à l'histoire qui va être affichée. A chaque réponse sélectionnée une requette va être envoyé pour récupérer l'histoire et les réponses.

La progression de l'utilisateur est stockée en JavaScript à l'aide du LocalStorage, ainsi tant que l'utilisateur ne vide pas son cache navigateur la progression sur le site va être sauvegardée et l'utilisateur pourra retourner là où il s'est arrêté dans l'histoire. Sa progression est sauvegardé à chaque réponse sélectionnée.

Le Player Audio est créer et controller en JavaScript, les contrôles permettent de lancer la musique d'ambiance ou de la mettre en pause.

Informations supplémentaires

Frameworks
Bootstrap v4.0.0
Librairies
jQuery 3.2.1
popper.js
Soundtrack
Medieval II Total War Theme - OST
Images
Flaticon
Polices
Noto Serif

Crédits : Clément Guérin, Dimitri Fouque.

novelgamejs's People

Contributors

clementguerin avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.