Jeu de RPG en 2D • Eco-Mirror

Dans le cadre du cours de front-end dans notre école, nous avons eu à réaliser un jeu RPG.
La consigne était que nous ne devions utiliser que le HTML/CSS et vanilla Javascript sans aucune autre technologie impliquée.

Nous avons donc créé un jeu avec un scénario qui met en avant l'éco-responsabilité.
Le mot "Mirror" est à comprendre ainsi: la planète du jeu est le miroir de la nôtre dans cent ans.

Le GIEC a publié un rapport important et nous voulons contribuer à l'éveil des consciences sur l'éco-responsabilité.
Nous avons donc, en plus d'un but pédagogique, le but de passer un message qui fait sens.

Installation

Cliquez sur le lien du titre "Eco-Mirror' pour jouer directement.
Importer le zip du github et installer les fichiers dans votre environnement local de développement.

Objectifs du projet

• Renforcer nos compétences en front sur les langages HTML / CSS / Javascript.
• Apprendre à travailler en équipe en échangeant des versions de codes et les intégrer harmonieusement.
• Passer un message sur l'éco-responsabilité.

Equipe

• Amaury FRANSSEN
• Farmata SIDIBE
• Alex Rahim Guiro
• Sorelle Moukalla
• Ewan Questier
• Vitomir Laces
• Victor Besson

Fonctionnalités

Nous avons décidé d'aller plus loin que ce que l'exercice nous impose.
Nous proposons de remplacer le mode classique de combat par des jeux ludiques ou éducatifs.

1. fonctionnalités imposées

• Possibilité de déplacer le héro de zone en zone.
• Le déplacement se fait via les touches du clavier.
• Des objets sont nécessaires pour passer dans certaines zones sinon on est bloqué.
• Nous rencontrons des personnages non-joueurs (pnj).
• Lors de ces rencontres une texte s'affiche pour présenter quelque-chose.
• Création d'un inventaire qu'on affiche.

2. fonctionnalités supplémentaires ajoutées

• Une page d'accueil.
• Ajout d'un message explicatif dans le panneau gauche qui change de manière dynamique selon la zone où se trouve le héro.
• L'image du héro change si il va à droite, à gauche, en haut ou en bas.
• Ajout d'une barre de vie qui diminue au fur et à mesure que l'on avance dans ce monde où l'air est impure.
• Ajout de moyen de recharger sa barre de vie : des fruits spéciaux qui donnent aussi de l'oxygène.
• Ajout d'un mode de défis via des jeux ludique : il est impossible de sortir de la zone sans avoir un score de 15.
• Ajout d'un dialogue avec deux personnages (questions-réponses).
• Ajout de pages game-over / win.

Prochainement nous voulons ajouter un mode de sauvegarde avec localstorage, nous avons déjà prévu les boutons.

Technologies utilisées