Leçon 2 sur 7
Ta feuille de dessin
La balise <canvas> est une feuille de dessin pixel par pixel — c'est là que vivent les jeux 2D du web.
En JavaScript, on récupère son « pinceau » avec getContext('2d') : c'est lui qui dessinera tout. Déclare tes variables de jeu avec var pour qu'elles soient visibles partout.
<canvas id="game" width="300" height="200"></canvas>
<script>
var canvas = document.querySelector('#game');
var ctx = canvas.getContext('2d');
</script>🎯 Ton objectif
Crée un <canvas id="game"> de 300 par 200 (attributs width et height), puis récupère le contexte 2d dans une variable ctx (avec var).
Leçon PRO
Ce chapitre avancé fait partie de CodeAge PRO. Débloque-le pour continuer ton aventure.
Découvrir PRO →