Animation in Javascript, ein Ausgangspunkt

Question

Ich verstehe, wie JS ausgeführt wird, und ich glaube, ich verstehe den größten Teil des DOM, aber ich habe keine Ahnung von Animation.Kennt hier jemand eine gute Anleitung, die mir erklären kann, wie das in Javascript gemacht wird?

Sollte ich außerdem Javascript für Animationen überhaupt in Betracht ziehen?Sollte ich stattdessen versuchen, Flash zu lernen?

Answer 1

Vermeiden Sie Flash, es ist eine schreckliche Anforderung, kann von Google nicht gecrawlt werden, wird von einer Reihe von Browsern und Systemen (z. B. iPhone) nicht unterstützt und vor allem:Es zwingt Sie dazu, Webstandards neu zu erfinden (z. B.(Bildlaufleisten usw.), Javascript hingegen ist im Noscript-Fall einfacher zu warten und zu programmieren.

versuchen schriftstellerisch für Ihre Animationen;

• Hier ist ein Quickie 3-Line-Tutorial, damit Sie sehen können, wie es funktioniert
• Hier ist ein ausführlicheres Tutorial
• Hier ist das scriptaculous Wiki

Beachten Sie, dass es unzählige JS-Animationsbibliotheken gibt, von denen einige wirklich gut sind jQuery kommt in den Sinn.Normalerweise handelt es sich lediglich um ein Skript-Tag und ein einzurichtendes Onclick-Ereignis.

Viel Glück!

/mp

Answer 2

Wenn Ihre Animation einfach ist, ändern Sie die Farben im Laufe der Zeit und bewegen Sie sich in 3 Sekunden von x nach y.Javascript ist in Ordnung.Wenn Sie alle Arten von Wizbang-Schaltflächen und eine koordinierte Drehung des Bildschirms wünschen, ist die direkte Verwendung von js + dhtml bestenfalls umständlich.Silverlight vs. Flash sind an diesem Punkt Ihre Fragen.Interessanterweise programmieren Sie Silverlight mit Javascript, und das wäre der größte Vorteil eines einfachen Upgrades auf ein schnelleres und dynamischeres DOM, das in Silverlight implementiert ist, aber immer noch denselben Code schreibt.Meiner Erfahrung nach ist die Flash-Programmierbarkeit sehr begrenzt. Man kann alles tun, aber es wird langsam sein und Tausende von Codezeilen benötigen, um dorthin zu gelangen.Für einfache JS-Animationen schauen Sie sich jQuery oder Scriptaculous an.

Answer 3

Schauen Sie sich ein JS-Animationsframework wie das von Bernard Sumption an Animator.js.Es ist ziemlich leichtgewichtig und enthält einige hervorragende Exemplare.

Persönlich würde ich keine Dinge in JS animieren.Flash FTW.

Answer 4

Wenn Sie sich nicht um die IE-Unterstützung kümmern, können Sie auch versuchen, mit dem Canvas-Element zu experimentieren:

MOZILLA-ENTWICKLERNETZWERK Grundlegende Animationen