Guillaume Duverger - DĂ©veloppement & Graphisme - Blog

Vous ĂȘtes ici : Accueil > DĂ©monstrations > HTML

Animation sprites avec Canvas

💡 Cliquez/touchez sur le personnage avec votre souris.

Code :

HTML


<div id="canvasDiv"></div>
<script src="canvas.js"></script>


JS


<script>

prepareCanvas(document.getElementById("canvasDiv"),  450, 550);
document.getElementById("canvasDiv").onmousedown = function() { 
jump()}

</script>


Source, inspiration, ressources :

Téléchargez le dossier zip contenant les éléments du personnage.

Téléchargez le script.

source originale .

source personnage .

Vous rencontrez un problÚme avec cette démonstration ?

Avant de vous arracher les cheveux ou de crier au scandale, procĂ©dez Ă  quelques simples vĂ©rifications. Si la dĂ©monstration fonctionne ici, il n'y a aucune raison pour qu'il n'en soit pas de mĂȘme chez vous. De plus vous pouvez tĂ©lĂ©charger la dĂ©monstration. Si vraiment vous coincez, vous pouvez me contacter par mail (contact@guyom-design.com) et je vous aiderai si je le peux. Je ne rĂ©ponds qu'aux messages respectueux.