DoTween v1.1 – AS2

Neue Version, weniger Bugs, mehr Features
DoTween v1.1 ist fertig! Die neue Version bietet ein paar kleine Updates die das animieren mit DoTween noch komfortabler machen. Zu diesen gehört ein neues Container System und eine neue Eigenschaft im Setup Objekt.

DOWNLOAD – DoTween v1.32 (212 KB)

Im Überblick:

  • Dem Setup Objekt kann nun die Eigenschaft _reverse übergeben werde. _reverse erwartet einen Boolschen Wert. Ist diese auf „true“ gesetzt wird die gestartete Textanimation rückwärts abgespielt.
  • Anstatt auf der root Zeitleiste für jedes Textfeld einen Container und für jede Animation einen Timer Container zu erstellen, werden nun alle Timer Container innerhalb des Textfeld Containers erstellt. Nicht mehr benötigte Timer Container werden gelöscht. Die Zahl der auf der Zeitleiste belegten Ebenen wird somit drastisch gemindert!
    Dieses Update ist kritisch, da DoTween bei loopenden Animationen theoretisch unendlich viele Ebenen auf der root Zeitleiste erstellt.
  • Diverse Updates, die den Programmablauf nicht beinflussen.

 

DoTween v1.1
Die zip Datei enthält: Eine Beispiel fla, DoTween v1.1 und TweenLite AS2 v9.28

DoTween v1.0 – AS2

Text Animationen mit DoTween
DoTween ist ein Actionscript Framework zum erstellen von Text Animationen.
Es erweitert die TweenLite (v9.28) Tweening Klassen. Mit ihnen ermöglicht das Framework in kürzester Zeit komplizierten Text Animationen zu erstellen

DOWNLOAD – DoTween v1.32 (212 KB)

Wie funktioniert DoTween?
Do Tween muss ein Dynamisches Textfeld mit eingebetteter Schrift übergeben werden. Das Textfeld wird ausgeblendet und über ihm ein MovieClip erstellt. In diesem Container wird für jeden Buchstaben im Textfeld ein eigener MovieClip angelegt. Wurde bereits ein Container zum Textfeld erstellt, wird der bereits vorhandene verwendet. Ebenso wird für jede Animation ein leerer MovieClip angelegt der über ein onEnterFrame die Timings berechnet. Die MovieClips werden nun nach den Eigenschaften im Setup Object eingerichtet. Getweent werden die Buchstaben mit TweenLite nach dem übergebenen Tweening Objekt.

Voraussetzungen
DoTween läuft ab Flash Player 6 mit Actionscript 2. Mit TweenLite v9.28 ist das Framework (exportiert) in etwa 6Kb groß.

Beispiel:
Import de.davidochmann.animation.DoTween
DoTween.from(mText, {_init:1, _delay:.5, _time:2}, {_alpha:0});

Im Beispiel startet die Animation nach einer Sekunde. Der Abstand zwischen den Buchstabenanimationen beträgt eine halbe Sekunde. Die Animationszeit für jeden Buchstaben beträgt zwei Sekunden.
Die Animation beginnt bei allen Buchstaben auf mit einem Alpha Wert von 0, und endet mit allen Buchstaben auf einem Alpha Wert von 100.

DoTween Anwenden:
DoTween.from(Dynamisches Textfeld, Setup Object , Tween Object);

Setup Object
Das Setup Object kann folgende Eigenschaften enthalten:

  • _init – Pause in Sekunden bis zum Start der Animation. (Default Value: 0)
  • _delay – Pause in Sekunden zwischen den Animationen der einzelnen Buchstaben. (Default Value: 1)
  • _time – Die Dauer in Sekunden, eines Buchstaben Tweens. (Default Value: 1)
  • _spacing – Abstand in Pixeln zwischen den einzelnen Buchstaben. Wird kein Wert angegeben wird das Spacing nach der breite der Buchstaben im übergebenen Textfeled errechnet.
  • _disx – Dislocation X. Verschiebung jedes Buchstaben in der X Achse. (Default Value: 0)
  • _disy – Dislocation Y. Verschiebung jedes Buchstaben in der Y Achse. (Default Value: 0)
  • _visible – Wichtig bei “to” Animationen. Boolscher Wert der angibt ob die zu animierenden Buchstaben vor der Animation sichtbar sein sollen. (Default Value: false)
  • _onStart – Funktion die beim start der Animation ausgeführt werden soll.
  • _onStartScope – Scope der Funktion die beim Starten der Animation ausgeführt wird.
  • _onStartParams – Parameter die an die start Funktion übergeben werden sollen.
  • _onComplete – Funktion die zum Ende der Animation ausgeführt werden soll.
  • _onCompleteScope – Scope der Funktion die zum Ende der Animation ausgeführt wird.
  • _onCompleteParams – Parameter die an die complete Funktion übergeben werden sollen.

 

TweenObject
Eine ausführliche Dokumentation der Eigenschaften die das TweenObject enthalten kann, finden Sie unter http://blog.greensock.com/tweenliteas2/.

Wichtiger Hinweis:
Durch das automatische anlegen von MovieClips über dem Dynamischen Textfeld, wird der Inhalt von Ebenen die über den Textfeld liegen und keine MovieClips, Buttons oder Textfelder enthalten überschrieben!
Umgehen lässt sich dieses Verhalten indem man das Textfeld selbst innerhalb eines leeren MovieClips anlegt.

DoTween befindet sich immer noch in Entwicklung. Das Framework ist nicht Fehlerfrei und die Datei Größe noch nicht optimiert! Änderungen und Erweiterungen der Klassen werden auf diesem Blog dokumentiert.Feedback und/oder Verbesserungsvorschläge zu DoTween können an mail@davidochmann.de geschickt werden. Ich freue mich auf erste Ergebnisse. Und nun viel Spass beim Text tweenen.

DoTween v1.0
Die zip Datei enthält: Eine Beispiel fla, DoTween v1.0 und TweenLite AS2 v9.28

Dynamic Pixel

Wie cool wäre es jedem Pixel in einem Bild eine Funktion zuzuweisen? “Dynamic Pixel” ist der Versuch diese Idee zu verwirklichen. Jeder 4te Pixel des Bildes wird ausgelesen und als Button neu auf die Bühne gesetzt. Das sind 5.625 Buttons für dieses 150x150px Bild! Jeder Button bewegt sich per MouseOver auf eine zufällige Position des Bildes.

Face 3D

TextTweenLite v0.1 – AS2

TextTweenLite v0.1 - AS2Komplizierte Text Animationen ohne viel Aufwand
TextTweenLite ist eine TweenLite Erweiterung die komplizierte Text Animation mit wenigen Zeilen Script ermöglicht. Die Klasse ist Flash Player 6, AS2 optimiert und mit TweenLite v8.16 exportiert, in etwa 6Kb groß.

DOWNLOAD – TextTweenLite v0.1 (114 KB)

Wie funktioniert TextTweenLite?
Die TextTweenLite Klasse erzeugt aus einem Dynamischen Textfeld einzelne MovieClips die jeweils einen Buchstaben des Textfelds enthalten. Das Textfeld wird ausgeblendet und die erstellten MovieClips hintereinander gestaffelt. Die einzelnen Clips werden mit einem Animations Objekt durch Tween Lite animiert. Das übergebene Objekt kann alle Eigenschaften enthalten die TweenLite AS2 manipulieren kann.

TextTweenLite anwenden.
Um eine Animation zu starten benötigt man zwei Zeilen Code:

import de.davidochmann.animation.TextTweenLite;
var Tween = new TextTweenLite(AnimationString, Container, DynamischesTextfeld, SetupObject, TweenObject);

AnimationString
“from” oder “to”, startet eine Animation von oder zu der aktuellen Position des
Dynamischen Textfelds.

Container
MovieClip in den die Text-MovieClips attached werden.

DymamischesTextfeld
Instanz Name des zu animierenden Dynamischen Textfelds. Wichtig! Der Text im Textfeld muss eingebettet werden, andernfalls wird er nicht angezeigt.

SetupObject
Das Setup Object kann folgende Eigenschaften enthalten:

  • _init – Pause in Sekunden bis zum Start der Animation. (Default Value: 0)
  • _delay – Pause in Sekunden zwischen den Animationen der einzelnen Buchstaben. (Default Value: 1)
  • _time – Die Dauer in Sekunden, eines Buchstaben Tweens. (Default Value: 1)
  • _depth – Die Start Tiefe in welche die attachten Buchstaben Clips gesetzt werden. Jeder weitere Clip wird eine Ebene über den vorherigen gesetzt. (Default Value: 1)
  • _spacing – Abstand in Pixeln zwischen den einzelnen Buchstaben. (Default Value: -3.5)
  • _disx – Dislocation X. Verschiebung jedes Buchstaben in der X Achse. (Default Value: 0)
  • _disy – Dislocation Y. Verschiebung jedes Buchstaben in der Y Achse. (Default Value: 0)
  • _visible- Wichtig bei “to” Animationen. Boolscher Wert der angibt ob die zu animierenden Buchstaben vor der Animation sichtbar sind. (Default Value: false)
  • TweenObject
    Eine ausführliche Dokumentation der Eigenschaften die das TweenObject enthalten kann, finden Sie unter http://blog.greensock.com/tweenliteas2/.

    Wichtig
    TextTweenLite befindet sich zurzeit noch im Beta-Stadium. Die Klasse ist nicht Fehlerfrei und die Datei Größe noch nicht optimiert! Änderungen und Erweiterungen der Klasse werden auf diesem Blog dokumentiert.

    Feedback und/oder Verbesserungsvorschläge zu TextTweenLite können an mail@davidochmann.de geschickt werden. Ich freue mich auf erste Ergebnisse. Und nun viel Spass beim Text tweenen.

    TextTweenLite v0.1
    Die zip Datei enthält: Eine Beispiel fla, TextTweenLite v0.1 und TweenLite AS2 v8.16

    Lines

    LinesNoch eine Spielerei mit der Drawing Api von Flash. “Lines” beginnt mit vier Linien mit zufälligen Anfangspunkten und zufälliger Farbe. Über jeden Anfangspunkt beginnt nun jede Linie zu “wachsen”. Das Resultat ist ein Maschen Netzwerk.

    Lines