Animazione in javascript, un punto di partenza
-
08-06-2019 - |
Domanda
Vorrei capire come JS viene eseguito e penso di capire la maggior parte di DOM, ma non ho idea su animazione.Qualcuno qui sa di una buona guida che mi spieghi come farlo in Javascript?
Inoltre, devo anche considerare Javascript per l'animazione?Dovrei invece essere cercando di imparare flash?
Soluzione
Evitare il flash, è un orribile requisito, uncrawlable da Google, unsopported da un gruppo di browser e sistemi (ad esempio iPhone) e, cosa più importante:ti costringe a reinventare gli standard web (ad es.le barre di scorrimento e quant'altro), Javascript, invece, è più facile da mantenere e il codice per il noscript caso.
provare scriptaculous per le animazioni;
- ecco una sveltina 3-linea tutorial potete vederlo lavorare
- ecco una più completa tutorial
- ecco il scriptaculous wiki
nota che ci sono una marea di JS animazione librerie, alcuni davvero buono jQuery viene alla mente.Di solito sono solo un tag script e un evento onclick per l'installazione.
Buona fortuna!
/mp
Altri suggerimenti
se l'animazione è semplice, cambiare i colori nel tempo, passare da x a y in 3 secondi.Javascript è bene.Se si desidera che tutti i tipi di wizbang pulsanti e coordinato la rotazione dello schermo, dritto fino js + dhtml sarà goffo al meglio.Silverlight vs Flash sono domande a quel punto.Abbastanza interessante, si programma Silverlight con javascript, e che sarebbe il principale vantaggio di semplicemente l'aggiornamento a una più veloce e dinamico DOM che è implementato in Silverlight, ma ancora di scrivere lo stesso codice.Flash programmabilità è molto limitato nella mia esperienza, si può fare nulla, ma sarà lento e migliaia di righe di codice per arrivarci.Per il semplice JS animazioni guardare jQuery o Scriptaculous.
Check out JS framework di animazione come Bernard Consumo del Animator.js.E ' abbastanza leggero e ha alcuni ottimi esempi.
Personalmente, non vorrei essere animando le cose in JS.Flash FTW.
Se non siete interessati con IE supporto, si potrebbe anche provare a sperimentare con l'elemento canvas:
MOZILLA DEVELOPER NETWORK Animazioni di base