L'animation en javascript, un point de départ
-
08-06-2019 - |
Question
Je comprends comment fonctionne JS et je pense comprendre la plupart du DOM mais je n'ai aucune idée de l'animation.Est-ce que quelqu'un ici connaît un bon guide qui puisse m'expliquer comment ça se fait en Javascript ?
De plus, devrais-je même envisager Javascript pour l’animation ?Dois-je plutôt chercher à apprendre le flash ?
La solution
Évitez le flash, c'est une exigence horrible, impossible à explorer par Google, non prise en charge par un tas de navigateurs et de systèmes (par exemple iPhone) et surtout :cela vous oblige à réinventer les standards du Web (ex.barres de défilement et ainsi de suite), Javascript, en revanche, est plus facile à maintenir et à coder dans le cas noscript.
essayer scriptaculeux pour vos animations ;
- Voici un tutoriel rapide à 3 lignes pour que vous puissiez le voir fonctionner
- voici un tutoriel plus complet
- voici le wiki scriptaculous
notez qu'il existe des milliards de bibliothèques d'animation JS, certaines très bonnes jQuery me vient à l'esprit.Il ne s'agit généralement que d'une balise de script et d'un événement onclick à configurer.
Bonne chance!
/mp
Autres conseils
si votre animation est simple, changez les couleurs au fil du temps, passez de x à y en 3 secondes.Javascript est très bien.Si vous voulez toutes sortes de boutons wizbang et une rotation coordonnée de l'écran, js + dhtml sera au mieux maladroit.Silverlight vs Flash, vous avez des questions à ce stade.Chose intéressante, vous programmez Silverlight avec javascript, et ce serait le principal avantage de simplement passer à un DOM plus rapide et plus dynamique implémenté dans Silverlight tout en écrivant le même code.D'après mon expérience, la programmabilité Flash est très limitée, vous pouvez tout faire, mais cela sera lent et nécessitera des milliers de lignes de code pour y arriver.Pour des animations JS simples, consultez jQuery ou Scriptaculous.
Découvrez un framework d'animation JS comme celui de Bernard Sumption Animateur.js.Il est assez léger et contient d'excellents exemples.
Personnellement, je n'animerais pas de choses en JS.Flash FTW.
Si le support d'IE ne vous concerne pas, vous pouvez également essayer d'expérimenter avec l'élément canvas :
RÉSEAU DE DÉVELOPPEURS MOZILLA Animations de base