Iniziamo con un piccolo esempio di animazione, dove simuleremo il movimento di due palline sullo schermo. Vediamo il codice ed esaminiamolo insieme:
ANIMAZIONE
come si vede dal codice alla prima chiamata init(), vengono settate altezza e larghezza del canvasche ci serve per calcolare i rimabalzi. dx è la velocità nelle coordinate x dy è la velocità nelle coordinate y circle(x, y, 10) questa è la parte di creazione della pallina dove l'ultima variabile è la dimensione della pallina.
Poi viene creato l'intervallo che aggiorna il nostro canvas con la pallina, di volta in volta in movimento, la funzione draw(), ad ogni frame lo schermo viene pulito e ridisegnato.