Jeu Canvas Editer Map et Interaction

Bonjours,
Je travaille depuis un moment sur un projet avec des amis, nous en sommes arrivé a la partie "graphique". J'ai suivit un tutoriel sur la balise canvas.

Or cette construction du terrain est fastidieuse, ainsi j'aimerai beaucoup arriver a éviter ce mode pour en faire un visuel(un createur de map).

La map en question sera tres grande, je recherche un moyen de scroller l'image de haut en bas et de gauche a droite.
J'aimerai que certain element comme les arbres, fleur et rivieres soient des objets (puissent etre animé, interaction possible), leur implémentation dans la map peut elle se faire de maniere visuelle ? dans ce cas l'utilisation de zone html doit elle être présente ?

Si je me suis mal exprimé ou la visée de mon post vous semble floue n'hesitez pas a me le signaler.

Merci beaucoup

Pour le scroll, on ne peut pas directement sur la balise <canvas>. Il faut ruser un peu.
Place la balise canva dans un div ayant une hauteur et largeur fixe et un overflow auto. Ainsi, si le canca dépasse la largeur et la hauteur de la div, un scroll apparaitra ..

Code:

---

1 2 3

<div id="mon_conteneur" style="width:400px;height:200px;overflow:auto;border: solid 1px #000;"> <canvas id="mon_canva" width="800" height="320"></canvas> </div>

---

Citation:

---

leur implémentation dans la map peut elle se faire de maniere visuelle

---

Je n'ai pas compris la fin. Tu veux charger un gif animé dans un canvas ? En fait, le drawImage du canva n'affiche que la première frame du gif.
Pour animer un canva, il faut faire autrement. En cherchant sur le net il y a pas mal d'exemple.

Par de façon visuelle je pensais a une maniéré de créer la map en la voyant ^^ un peu comme rpgmaker ou l'on sélectionne le tile et on le plaque, on sélectionne un objet on le place dessus, voila