Guyana Dream - sdj1

Un projet de jeu écolo opensource sur la faune de la Guyane pour illustrer un tuto.

Votre navigateur ne supporte pas HTML5, veuillez le mettre à jour pour jouer.

Explications

Code inspiré des tutos "Créer un mini-RPG en JavaScript avec canvas" de Sébastien CAPARROS (sebcap26) et de Jamjam68140 qui a lancé le topic [big-tuto] Créer un rpg avec html5. Le code sera transformé davantage plus tard.

Tuiles de 32 * 32 px. Canvas superposés de 768 * 384 px (multiples de 16, de 24 et de 32).

Choisissez votre perso pour le faire apparaître. On peut changer de perso à tout moment, pas très logique, mais rigolo !
Utilisez les flèches du pavé directionnel pour le déplacer.
Au croisement du chemin, en utilisant les flèches bas et droite, la carte change.
En passant sur certains fruits ou baguettes de palmier jaunies, on les fait disparaitre et on fait apparaitre des images à gauche dans le cadre "Inventaire", ainsi que le score.
Avez-vous remarqué le petit perroquet qui bat des ailes ?

Il y a de petits blocages entre certains arbres et il faut parfois contourner le chemin alors qu'il n'y a rien dessus... La canavas a tendance à bouger quand on appuie sur les flèches du pavé directionnel.
Testez! Réactualisez en cas de problèmes car les images ne sont pas préloadées.
Il y a encore des soucis sous IE. On a ajouté excanvas.js mais ça ne suffit pas.

Décors et personnages réalisés avec Blender à partir de Glitch et d'images libres de droit par Doudoulolita

Scripts: fichiers carte.js, persos.js, evenements.js + map.json et feuille de style style.css.