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

Dessiner la balle

La première chose à faire est de créer un cadre dans lequel nous allons dessiner les objets. Le code HTML correspondant est le suivant :
<canvas id="canvas" width="300" height="300"></canvas>

Il ne reste plus qu'à obtenir une référence à ce cadre et y dessiner une balle :

N'hésitez pas à modifier les arguments de ctx.arc (par ex. avec un rayon de 20).

Vous pouvez également remplacer fill() par stroke() pour obtenir un cercle au lieu d'un disque plein.

suiv. préc.