PDA

Visualizza la versione completa : animazioni canvas o css3?


iacoposk8
25-06-2011, 18:38
se dovessi fare delle animazioni quale metodo meglio scegliere? o son tutti e due buoni a seconda dei casi? quindi: quale metodo scegliere e quando?

frank2tek
06-07-2011, 02:56
Beh , non sono mica la stessa cosa. Le animazioni CCS3 le applichi agli elementi htlm ( div , p , span , ecc... )
Il canvas , che anch'esso un elemento html, un'area "grafica programmabile" tramite javascript ma ha tutta una sua sintassi che va studiata ( " abbastanza semplice " anche se pu diventare molto complessa visto che ci puoi fare veramente di tutto ).
Se devi creare dinamicamente dei grafici da una serie di dati , beh allora il canvas la scelta ideale. Se invece , giusto per fare un esempio , vuoi far roterare un <div> o animare il suo movimento da una zona dello schermo ad un'altra , devi usare necesariamente il CSS3 o il javascript.

iacoposk8
06-07-2011, 14:19
Si vero... quindi il canvas ti permette di fare tutto.. per per fare cose semplici forse conviene il css3

frank2tek
06-07-2011, 15:14
Non so mica sai. Prova a pensare ad un semplice grafico a torta , per esempio.
Con il css3 la vedo dura. O anche un semplice grafico a barre. Con il CCS3 devi avere, ad esempio, per ogni barra un div con la relative etichette per le percentuali e l'inidcazione dei valori. Insomma un'impresa mantenere il tutto con un preciso allineamento su una pagina web. Pensa se li vuoi pure animare. Con il canvas queste cose le fai con 4 righe di codice. Se poi mi dici che vuoi fare un foto gallery con le immagini in dissolvenza ecc... beh allora sicuramente CSS3.

MicheleWT
06-07-2011, 17:29
c' chi li si divertito a farli....ma date un'occhio al codice :fagiano:
http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/uploader/images/css3-designs/css3-charts/index.html

invece l'animazione su canvas un altro concetto:
http://paperjs.com/

iacoposk8
06-07-2011, 18:17
a ok! dipende dal progetto... per col canvas ci fai tutto alla fine

rickynewtek
07-07-2011, 10:49
si canvas ci fai tutto ma la sintassi "avanzata" non molto facile.. IMHO

frank2tek
07-07-2011, 14:24
Originariamente inviato da MicheleWT
c' chi li si divertito a farli....ma date un'occhio al codice :fagiano:
http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/uploader/images/css3-designs/css3-charts/index.html

invece l'animazione su canvas un altro concetto:
http://paperjs.com/


Bell'esercizo :mem:

Comunque l'esempio rende bene l'idea. Per una fetta di torta hai dovuto scrivere un foglio di stile ipressionante. Comunque bel lavoro.

Loading