Vous pouvez me contacter via Facebook pour questions & suggestions :
Page Facebook relative à mon site
Un canevas est un contexte 2D mais en ombrant les formes on donne l'illusion de la 3D.
La boule se déplace sur le billard ; le billard et la boule sont ombrées pour donner un effet 3D.
Le rebond de la boule est parfaitement géré par le script.
Le code HTML :
La balise CANVAS est un élément HTML, on peut donc lui appliquer la propriété CSS box-shadow. Par contre pour ombrer une forme du canevas il faut utiliser les quatre propriétés "shadow" de l'API canvas : voir script.
La fonction d'animation est appelée toutes les 50 millisecondes donc 20 fois par seconde (1000/50).
Code HTML :
La balise Canvas étant un élément HTML, on peut lui appliquer un dégradé CSS.
Le script :