davidochmann.de

Schneller, übersichtlicher, besser! DoTween1.3 ist fertig. Das überarbeitete Framework bietet einen Haufen neue Funktionen die das animieren von Text noch einfacher und übersichtlicher gestalten.

DOWNLOAD – DoTween v1.32 (212 KB)

Die Anwendung von doTween v1.3 hat sich im vergleich zu früheren Versionen geändert. Anstatt der bisherigen drei Parameter, müssen doTween nun vier Parameter übergeben werden, um eine Animation zu erstellen.

Der neue Parameter ist ein MovieClip Object, das sämtliche vom Framework erstellten MovieClips enthalten soll.
Dies umgeht einen Bug, der verursachte dass doTween Ebenen die über dem übergebenen Textfeld lagen überschrieben hat, sobald diese Bitmap oder Vektorgrafiken enthalten haben.

Somit lässt sich nun auch die Ebene auf der die Animation angelegt werden soll einfach bestimmen.
Zusätzlich können nun die Eigenschaften des Container Clips frei bestimmt werden.

Animationen werden nun wie folgt angelegt:

DoTween.from(Dynamisches Textfeld, Container MovieClip, Setup Object , Tween Object);

oder

Sollte der Container MovieClip nicht leer kann es immer noch passieren dass Ebenen die sich im Container befinden, und nur Vektorgrafiken oder Bitmaps enthalten überschrieben werden!

Sämtliche Änderungen im Überblick:

 

• Das Setup Object wurde um den Parameter „_split“ erweitert. Ihm kann „char“ oder „word“ übergeben werden (beides Strings). Er bestimmt ob doTween jeden Buchstaben oder jedes Wort im Textfeld trennt (siehe Beispieldatei).Der Setup Object wurde um den Parameter „_clear“ erweitert. Ihm kann „true“ oder „false“ übergeben werden (beide Boolean). Er bestimmt ob doTween für diese Animation neue MovieClips erstellen soll (true), oder die bereits bestehenden verwendet (false). Dieser Parameter kann verwendet werden um das erstellen von loopenden Animation zu erleichtern (ebenfalls in der Beispieldatei).

  Dem Framework muss nun als zweiter Parameter ein MovieClip übergeben werden. In diesen werden alle von doTween erstellten MovieClips angelegt. Setup Object und Tween Object werden wie gewohnt übergeben.

  Diverse Code Optimierungen die doTween, in der neuen Version, wesentlich performanter machen.

 

Face 3D ist eine kleine Applikation die aus dynamisch geladenen Bildern 3D-Pin-Modelle erzeugt. Sie nutzt die neuen nativen 3D Funktionen von Flash Player 10.

Die .swf lädt dynamisch ein Bild und zeichnet dieses in ein BitmapData Objekt. Mit getPixel() wird der Farbwert der aktuellen x/y Position ausgelesen. An diesem Punkt wird eine Rechteck Form gezeichnet und abhängig von dem aktuellen Farbwert in der z-Achse verschoben.

Alle „Pixel“ landen dabei in einem Container Sprite, der sich per MouseMove leicht dreht.

Das ganze sieht witzig aus und wirkt fast plastisch.

Das Banner Setup Panel v1.1 ist eine erweiterte Version des ersten Panels. Diese Version erstellt mit nur einem Klick einen voll funktionsfähigen Flash Banner.

DOWNLOAD – Banner Setup Panel v1.1 (19,4 KB)

Was macht die Erweiterung?
Das Panel ist eine Flash IDE Erweiterung. Es automatisiert einige mühselige Arbeitsschritte beim erstellen von Flash Banner. Einmal eingebunden muss das Panel nur noch auf ein neues Dokument angewendet werden. Es stellt übliche Einstellung von Flash Bannern sofort ein. Das spart Zeit und Nerven.

Im Überblick:

Das Panel stellt die Flash Player Version auf 6, Actionscript 2 und die Frame rate auf 24fps.

Der neue „stage size“ Button wendet alle Einstellungen auf das aktuelle Flash Dokument an. Diese Funktion ist sehr praktisch für unübliche Bannerformate.

Das Panel erstellt auf der Hauptzeitleiste vier Ebenen, „actions“, „clickTagButton“, „mask“ und „container“.

Die „actions“ Ebene der Hauptzeitleiste erhält die „clickHandler“ Funktion, die bei Klick auf den Banner ausgeführt wird (geschrieben von Roman Hippler, vielen Dank an dieser Stelle). Diese loopt durch alle bekannten „clickTag“ und „clickTarget“ Schreibweisen und öffnet die Zielseite sobald eine Schreibweise gefunden wurde. Sollte kein „clickTag“ oder „clickTarget“ gefunden werden wird der „defaultClickTag“ oder der „defaultClickTarget“ benutzt. Relevant ist diese Funktion ab Flash Player Version 8.

Auf der „clickTagButton“ Ebene befindet sich der clickTagButton im aktiven Zustand.

Die „mask“ Ebene enthält eine Rechteck Form die der Größe des Banners entspricht.

Die „container“ Ebene enthält den „container“ MovieClip. In ihm sollten sich alle weiteren Elemente des Banners befinden.

Im „container“ MovieClip sind zwei Ebenen angelegt, „actions“, die die „pause“ Funktion enthält, welche den Banner für die übergebene Zeit pausiert (Bsp.: pause(2000) pausiert den Banner für 2 Sekunden). Die „reference“ Ebene dient zum ablegen von Vorlage Grafiken. Da diese Ebene eine alleinstehende Führungsebene ist werden die auf ihr importierten Grafiken nicht mit veröffentlicht.

Einrichten des Panels:
Die panel_setup_v1.0.zip entpacken.
Die “Panel Setup.swf” in den folgenden Ordner (Windows Vista) kopieren:

C:\Users\USERNAME\AppData\Local\Adobe\Flash CS3\en\Configuration\WindowSWF

Flash neu starten.
Das Panel über Window -> Other Panels -> Setup Panel auswählen.
Neues Flash AS2 Dokument erstellen und auf einen der Buttons des Panels klicken.
Fertig.

Viel Spass beim nutzen des Pannels.

Das Banner Setup Panel ist eine Flash IDE Erweiterung. Das Panel setzt automatisch wichtige Scripte und Eigenschaften eines Flash Banners.

DOWNLOAD – Banner Setup Panel v0.1 (16,6 KB)

Das Panel liegt nun schon seit einiger Zeit auf meiner Festplatte, und obwohl ich es regelmäßig benutze bin ich bisher noch nicht dazu gekommen es zu posten. Nicht Flash Entwickler können nun gelangweilt weggucken, wer aber regelmäßig Banner erstellt dem kann das Setup Panel eine echte Erleichterung sein.

Folgende Eigenschaften werden vom Panel gesetzt:

Die Dokument Größe wird, je nachdem auf welchen der sechs Buttons man klickt, auf die beschriebene Größe gesetzt.

Die Player Version wird auf 6 gestellt (mittlerweile hat sich Version 8 als Standard durchgesetzt, manche Vermarkter bestehen aber nach wie vor auf Version 6).

Die Framerate wird auf 24fps gestellt.

Eine leere “actions” Ebene die das komplette vom Panel gesetzte Script enthält wird erstellt.

Eine leere “btnDummy” Ebene die für den “ClickTag” Button (btn1) reserviert ist wird erstellt.

Eine leere “reference” Ebene die für referenz Grafiken gedacht ist wird erstellt.

In der Bibliothek werden die Ordner “buttons”, “graphics”, “movieclips” und “text” erstellt.

In die “actions” Ebene werden drei Actionscript 2 Funktionen geschrieben. Die erste “gotoLink” ist die “ClickTag” Funktion welche btn1 zugewiesen wird. Die sehr nützliche von Roman Hippler (hier seine Website) geschrieben “pause” Funktion die die Hauptzeitleiste pausiert (Bsp.: pause(1000);, pausiert die Hauptzeitleiste für eine Sekunde), und die “resume” Funktion die automatisch aufgerufen wird sobald das Pause Interval abgelaufen ist. Sie hebt die Pause wieder auf.

Einrichten des Panels:
Die “Panel Setup.swf” in der “panel_setup.zip” den folgenden Ordner (Windows Vista) kopieren:

C:\Users\USERNAME\AppData\Local\Adobe\Flash CS3\en\Configuration\WindowSWF

Flash neu starten.
Das Panel über Window -> Other Panels -> Setup Panel auswählen.
Neues Flash AS2 Dokument erstellen und auf einen der Buttons des Panels klicken.

Fertig.

Neue Version, neue Möglichkeiten
DoTween v1.2 steht nun zum download bereit. Folgende wichtige Änderungen haben es in diese Version geschafft:

DOWNLOAD – DoTween v1.32 (212 KB)

Im Überblick:

• DoTween lässt sich nun auch auf Flash Player Versionen über Version 6 exportieren.
• Ein paar ungenutzte Variablen wurden entfernt.

 

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