Canvas : déplacement automatiquement une boule ombrée

Une boule ombrée se déplace sur un billard.

Le canevas (le billard)

La boule se déplace sur le billard ; le billard et la boule sont ombrées : effet 3D.

Le code de la page

HTML & CSS

CANVAS est une balise HTML qui peut être stylée avec CSS (couleur de fond, bordure, ombrage, etc.)
Zone de dessin adaptative : 80% de la largeur du conteneur parent.
Pour le script les dimensions du canevas seront 300 par 150 (valeurs des attributs width / height).

Le script

La fonction animate est appelée toutes les 50 millisecondes donc 20 fois par seconde (1000/50).
Retour menu