Skip to content

A Vanilla JavaScript RPG made with Canvas API. (school project)

Notifications You must be signed in to change notification settings

bdauphouy/wanned

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

wanned

Wanned


Explications

1. Synopsis

À L’école du web, HETIC, à Montreuil, la Wifi ne fonctionne pas depuis maintenant 3 jours. Impossible pour les élèves d’ouvrir "vs code"
La direction ne sait pas ce qui se passe et même la compta ne reçoit plus les mails, il faut faire quelque-chose !
Nous allons suivre l’aventure d’un valeureux guerrier nommé Baptiste, armé de son fidèle framework et de ses 5 compagnons: Fabien, Victor, Arthur, Thierry et Anthony, il va se frayer un chemin à travers les sous-sols de l’école pour découvrir la raison de cette panne...

2. Pourquoi

Dans le cadre d'un projet Front dans notre école, nous avons eu 2 semaines pour effectuer un RPG en JavaScript.

3. Contraintes imposées

  • Déplacer le personnage à l'aide de touches du clavier
  • Charger une zone pour que le joueur puisse se déplacer dedans
  • Naviguer dans différentes zones (par le biais de portes par exemple)
  • Récupérer des objets en marchant dessus ou en appuyant sur une touche du clavier (une clé par exemple)
  • Utiliser des objets en appuyant sur une touche du clavier (une clé face à une porte par exemple)
  • Afficher une zone de texte suite à un événement

4. Objectifs supplémentaires

  • Landing Page avec 'Commencer', 'Crédits' et 'Quitter'
  • Générique en début du jeu qui peut être skip et ne sera pas remontré si déjà vu
  • Création de map et de 8 personnages (en pixel)
  • Animations sur les personnages (déplacement, coup d'épée et transformation)
  • Affichage de la vie du joueur et jauge d'énergie pour sprint
  • Affichage de la touche pressée
  • Changement du curseur
  • Possibilité de courir
  • Possibilité de mettre un coup d'épée
  • Collisions sur les bords de la map
  • Combat avec transformation de l'ennemi
  • Pièges à éviter
  • Déplacement de rochers pour ouvrir le chemin
  • Mini jeu de tir sur des bulles
  • Combat contre boss final dans une autre salle
  • Musique et sound effect
  • Page pour mort du joueur et victoire
  • Mise en ligne du RPG avec un nom de domaine
  • Easter egg...

Technologies utilisées

1. Front

HTML5 CSS3 JavaScript

2. Outils

Notion Figma GitHub Adobe Photoshop


Membres de l'équipe


Capture d'écran


Inspirations

  • Pokémon
  • Zelda
  • The Binding of Isaac

About

A Vanilla JavaScript RPG made with Canvas API. (school project)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 81.1%
  • CSS 11.8%
  • HTML 3.6%
  • Vue 3.5%