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?
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?
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.
Si è vero... quindi il canvas ti permette di fare tutto.. però per fare cose semplici forse conviene il css3
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.
c'è chi li si è divertito a farli....ma date un'occhio al codice
http://media.smashingmagazine.com/cd...rts/index.html
invece l'animazione su canvas è un altro concetto:
http://paperjs.com/
http://www.trustweb.it - Web Development - Design 2D/3D - SEO & SEM
Twitter http://twitter.com/#!/TrustWeb
LinkedIn http://it.linkedin.com/in/trustweb
a ok! dipende dal progetto... però col canvas ci fai tutto alla fine
si canvas ci fai tutto ma la sintassi "avanzata" non è molto facile.. IMHO
http://www.targetweb.it - Web design, guide e risorse utili su Html5, jQuery, Css3
Originariamente inviato da MicheleWT
c'è chi li si è divertito a farli....ma date un'occhio al codice
http://media.smashingmagazine.com/cd...rts/index.html
invece l'animazione su canvas è un altro concetto:
http://paperjs.com/
Bell'esercizo
Comunque l'esempio rende bene l'idea. Per una fetta di torta hai dovuto scrivere un foglio di stile ipressionante. Comunque bel lavoro.
Permessi di invio
Rispondi quotando