Mon RPG perso - Collision perso-PNJ

Joueur 1
Votre navigateur ne supporte pas HTML5!

Explications du jeu

Affichage de la couleur verte et d'une carte dont les numéros sont placés dans un tableau, sur un canvas de 768 * 384 px.

Déplacement et animation d'un sprite de 32 * 32 px.

Gestion du clavier pour déplacer le perso.

Gestion de la collision du personnage avec des tuiles du tileset, qui le bloquent.

Quand le perso passe dessus, d'autres tuiles "objets" sont effacées du canvas et placées dans l'inventaire, et leurs points sont cumulés.

Le temps est décompté; l'énergie baisse et la vitesse diminue. Elle remonte quand le perso attrape un objet.

Quand le temps imparti est atteint, un écran affiche si on a gagné ou perdu, selon l'énergie qui reste.

En allant vers la droite, la carte change.

Un pnj se déplace sur une courte distance.

Le perso est bloqué par le PNJ, il ne peut marcher dessus


Les images du décor sont placées sur un canvas différent. Les 2 canvas sont récupérés grâce à leur id.


Fichiers javascript :