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

Faire bouger la balle

La balle est créée, mettons-la en mouvement.
Pour ce faire, nous allons créer une fonction draw() qui
  • vide l'écran ;
  • trace la balle ;
  • met à jour sa position.

Un appel à setInterval(function, timeout) dans la fonction init() permettra de dire au navigateur d'exécuter la fonction draw() toutes les 10 ms, créant ainsi l'illusion de mouvement.

Modifiez les valeurs dx et dy pour changer la direction de la balle, ou modifiez les variables x et y pour changer son point de départ. Notez que dx et dy peuvent prendre des valeurs négatives.

suiv. préc.