Adobe Edge Animate mit TweenLite: Thermometer-Animation

Adobe Edge Animate mit TweenLite: Thermometer-Animation


Als Prototyping-Tool erlaubt Adobe Edge Animate auch weiterhin das schnelle Entwickeln auch komplexer Animationen. Programmgesteuerte Tweens sind in Edge allerdings nur eingeschränkt möglich. TweenLite (www.greensock.com/tweenlite/) bietet dafür eine einfache Lösung. Diese ist besonders für ehemalige Flash-Entwickler interessant, da sich der Syntax kaum von Actionscript unterscheidet.

Einfache Animation

var obj = sym.$(“EdgeObject“);
TweenLite.to(obj, 2, {scaleY:0.5});

Im obigen Beispiel wird innerhalb von Edge ein Objekt auf die halbe Höhe skaliert (Dauer: 2 Sekunden).

Weitere JavaScript-Befehle, die im Beispiel benutzt werden:

Math.random() – erzeugt eine Zufallszahl zwischen 0 und 1

Das Beispiel als Download findet sich unter: bit.ly/1lyelAu

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.