HTML5 - Animazione (HTML5) 27/02/2011 15:56:13
Demo

Iniziamo con un piccolo esempio di animazione, dove simuleremo il movimento di due palline sullo schermo.
Vediamo il codice ed esaminiamolo insieme:





Esempio HTML 5 - Canvas Grafico




ANIMAZIONE



Qui ci dovrebbe essere un disegno... Se non è visualizzato il tuo browser non supporta il tag




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.


123
Copyright (c) 2010 ilcorsaronero. All rights reserved.