1. Introduction
  2. Dessiner la balle
  3. Ajouter de la couleur
  4. Faire bouger la balle
  5. Éclaircir le code grâce aux fonctions
  6. Faire rebondir la balle
  7. Ajouter une raquette
  8. Contrôle par le clavier
  9. Ajouter les briques
  10. Touche finale
  11. Remerciements

Introduction

L'objet de ce tutoriel est de construire un jeu de casse-briques avec JavaScript et la balise canvas.

Ce jeu est optimisé pour Firefox, Safari, Opera mais pas Internet Explorer.

Avant d'aller plus loin, cliquez sur le bouton Exécuter à gauche pour tester le jeu que nous allons concevoir.

Sur chaque page, il sera possible d'exécuter progressivement le code que nous aurons écrit. Chaque page contiendra un éditeur pour modifier le code du jeu en temps réel. Vous pourrez donc modifier le code et voir directement le résultat en recliquant sur Exécuter.

Pour simplifier notre travail, nous utiliserons le framework JavaScript jQuery.

suiv.