Le langage Javascript va permettre de créer des animations interactives du composant <Canvas> (canevas).
Dès qu'un forme est dessinée dans un <canvas>, elle reste affichée. Pour la déplacer, il faut la redessiner avec ce qui était dessiné avant. Cela peut prendre beaucoup de temps de redessiner des images complexes et les performances dépendront beaucoup de la vitesse de l'ordinateur qui exécute cet affichage.
Chaque image dessinée est appelée frame :
Il faut à intervalle régulier redessiner l'image. Plusieurs moyens existent pour cela :
setInterval(function, delay)
setTimeout(function, delay)