Jeu de casse-briques 2D en pur JavaScript
Dans ce tutoriel étape par étape, nous créons un simple jeu mobile Casse-briques MDN écrit en JavaScript, en utilisant uniquement JavaScript sans aucune bibliothèque externe.
Chaque étape dispose d'exemples interactifs et modifiables, afin que vous puissiez voir à quoi doivent ressembler les étapes intermédiaires. Vous apprenez les bases de la mise en œuvre des mécanismes de jeu fondamentaux tels que la manipulation du canvas, le rendu et le déplacement des images, la détection des collisions, les mécanismes de contrôle, les animations et les transitions, ainsi que les états de victoire et de défaite.
Pour tirer le meilleur parti de cette série d'articles, vous devez déjà avoir des connaissances de base à intermédiaires en JavaScript. Après avoir suivi ce tutoriel, vous devez être capable de créer vos propres jeux Web de base.
Note : Ces guides sont voisins du guide : Jeu de casse-briques 2D utilisant Phaser. Ils suivent essentiellement les mêmes étapes et arrivent à des résultats visuellement identiques.
Détails de la leçon
Prochaines étapes
Ok, commençons ! Rendez-vous à la première partie de la série — Initialiser le canvas.