davidochmann.de

Pixel Painter

David Ochmann — Sun, 08 Apr 2012 09:29:16 +0000

Last week my first iPhone app Pixel Painter has finally been approved by Apple and is now available on the App Store.

Pixel Painter is a bare bones drawing application that allows you to create pixel art on the go. It features a 1x1px pen tool, a color picker, an eraser tool, an image position tool and an image lock and zoom tool. Your finished image can than be saved as PNG. If you are into Pixel Art, this app might be for you.

The app is available for download from the following URL:
http://itunes.apple.com/us/app/pixel-painter/id512522181?mt=8&ign-mpt=uo%3D2

Developing the app was a great learning experience and I’m very eager to share some common pitfalls in iOS development. The next few posts might focus on developing for the iOS platform and especially the transition from ActionScript to Objective-C.

Web Apps – canvas clock

David Ochmann — Tue, 20 Dec 2011 15:18:48 +0000

These are two iOS Web App clocks.

Both were build using the HTML5 canvas tag and offline caching capabilities. Both are free to download. I hope you enjoy them.

If you own an iOS device you can perform the following steps to add one of the apps to your Home screen:

Click on the app icon
Tap the bookmark sign
Tap “Add to Home screen”

The app icon will be added to your Home screen.

You can also download the source code via GitHub: https://github.com/MRWUT4/canvas-clock

HTML5 canvas experiments

David Ochmann — Thu, 24 Nov 2011 10:04:07 +0000

A few simple canvas experiments. Enjoy. Grab the code :).

DoGesture v1.03 – bugfix

David Ochmann — Tue, 15 Nov 2011 18:02:32 +0000

Here is a quick bugfix for my motion tracking framework DoGesture.

This version eliminates a class name conflict that appeared if you compiled the framework for Flash Player version 10.2+ using the Flash IDE.

In existing projects, change the class name GestureEvent to DoGestureEvent and everything should work as before.

DOWNLOAD – DoGesture v1.03 (180 KB)

examples:

Camera motion tracking, or How to build a spy cam with Adobe Air

David Ochmann — Fri, 14 Oct 2011 13:08:27 +0000

Consoles, Smartphones, Tablets. Motion tracking is everywhere. Here is a simple way to utilise camera motion tracking in your Flash Projects.

example:

A quick rundown on how the motion tracking demo works.

1. Take pictures.

Use the Camera and Video Object to get a steady stream of images. Write each image into BitmapData Object 1.

2. Create a time-delayed copy of each picture.

One frame (or TimerEvent) later copy BitmapData Object 1 into a second BitmapData Object (BitmapData Object 2).

3. Compare the two images.

Use BlendMode.DIFFERENCE to merge the two images. The originated image displays the differing parts between image one and two. Copy it into BitmapData Object 3. If you use the BitmapData function “getColorBoundsRect” you can now return a Rectangle Object. Whenever the with or height of this Object is bigger than 0 motion occurred.

In the Demo, a ColorMatrixFilter and a BlurFilter help to get rid of unimportant motion in the image (slight color changes or background motion). You can use a Sprite container with two added Bitmaps to store the first two BitmapData Objects. This gives you the option to apply filters to the container without having to reapply them every frame.

The example can also be used to create a simple spy cam, using Adobe Air to write BitmapData Object 3 to the File System. This application is also included in the download below.

You can download both motion detection demos, including their source files, from the following URL:

download – motion detector demos

Open source games

David Ochmann — Wed, 08 Jun 2011 14:36:14 +0000

I decided to release some of my games as free open source downloads, using the MIT license.
The following URL provides you with three games: “Meteornaut”, “Crash Lines” and “Decypher Me”.

download – meteornaut_decypherme_crashlines.zip

While “Meteornaut” and “Crash Lines” are fairly complete games, “Decypher Me” is more of a proof of concept, with one level and no title screen or menus.

A few words about each game:

Meteornaut:
Meteornaut is a variant of the classic Asteroids game. It differentiates itself by implementing mouse based controls and a combo system.

To publish the game, use the Flex 4.1 compiler (try FDT, Flash Develop or Flash Builder) using Flash Player 10. The Main Class is: “src/de/davidochmann/games/meteornaut/Meteornaut.as”.

Crash Lines:
Crash Lines is two player Tron Lightcycle Game. Race against a friend to see who can stay alive the longest.

Use the “source/crashlines.fla” to compile the game.

Decypher Me:
Decipher cryptic Texts with “Decypher Me”. The game gives you hints to where a certain letter is used within the text. After that it’s up to your combination abilities to solve the riddle.

Use the “source/DecypherMe.fla” to compile the game.

METEORNAUT – A game development diary

David Ochmann — Tue, 11 Jan 2011 11:19:42 +0000

Follow me in the creation of my latest game METEORNAUT, a simple variant of the all time classic Asteroids.

This post documents the development milestones of the game, beginning with the first beta to the release of version 1.0.

Play the current version:

The current milestones:

v0.01 – davidochmann.de/swf/assets/projects/games/btshooter_v0_01/

Version 0.01 is an early mock-up to test the core framework, performance and animation. The game freezes as soon as a meteor hits the ship and as for now the level has no clear end.

v0.10 – davidochmann.de/swf/assets/projects/games/btshooter_v0_10/

The second version deviates a little from the asteroids concept. I implemented a new gamplay mechanic that rewarded players for destroying meteors of the same size (circled) by multiplying the score (pending score x destroyed meteors of the same size within two seconds).

v0.12 – davidochmann.de/swf/assets/projects/games/btshooter_v0_12/

This version has a new combo mechanic. The size of the meteors is now irrelevant for increasing the multiplier. Gaining a 10x and 20x combo will give you a power up (two, than three missles per shot).

Also new in this version:

Locked Levels, reduced user interface, new animations.

v0.13 – davidochmann.de/swf/assets/projects/games/btshooter_v0_13/

More of a re refinement than anything else this version features, a new name, new graphics, new levels, a title screen, screen transitions, button animations and a few gameplay tweaks.

Powerups are now given after multiplier 10 and 100 instead of 10 and 20.
The ship is no longer able to fly through one end of a level to end up on the opposite side.

v0.14 – davidochmann.de/swf/assets/projects/games/btshooter_v0_14/

Version 0.14 adds a stats screen to the game that displays your current level-completion time, the highest level combo and your high score. It also fixes a bug that used to show a wrong max-score in certain levels (e.g. 15).

I also updated the graphics a little, by overhauling the title screen and improving buttons and the background (with dirt :D).

Release.
After version 0.14 I released the game on kongregate.com and newground.com.
You can check it out by clicking one of the the following URLs:

http://www.kongregate.com/games/mrwut4/meteornaut

http://www.newgrounds.com/portal/view/561058

Peer to peer shooter + source code

David Ochmann — Wed, 22 Dec 2010 11:45:27 +0000

A few weeks ago I had the idea of creating a multiplayer Flash game, using the new peer to peer connection capabilities of FlashPlayer 10. Here is the result.

Start the game:

Building a multiplayer game comes with it’s own set of challenges. The first one being the initial creation of a p2p connection, which basically comes down to four steps:

Connecting to Adobes Cirrus server (formerly Stratus) using a personalised Cirrus server address and a developer key. For more info click here: http://labs.adobe.com/technologies/cirrus/

Receiving a peer ID from the Cirrus Server.

Sending that peer ID to the second Player.

Sending the peer ID from the second Player to the Cirrus server.

I decided to simplify that process by using SWFAddress, creating a custom URL + peer ID that could be send to the second player. This prevented him from being forced to re-enter the peer ID into his client. After that you have to find a convenient way of sending the game URL to the second Player.

In a second step I would have tried to add a social media component to the Game. For example: Using a Twitter login to start and immediately publish a game request.

Since debugging and testing the game is somewhat of a hassle, I decided to stop development on it. You can however download the complete source code from here:

DOWNLOAD – P2PShooter (204 KB)

Before you start editing the code, be sure to get a Cirrus developer key and connection URL first (see step 1).

Insert your developer key and server address into the static constants in MPShooter.as.

To compile the Game use the MPShooter.as in the package de.davidochmann.games.mpshooter (I used FDT, but Flash Develop should work fine to). Using FlashPlayer 10 as target player is required.

Please be aware that the game in its current state is a proof of concept. There aren’t a whole lot of code comments, and some approaches aren’t very good (e.g. try using registerClassAlias instead of relying on the anonymous Data object).

DoSite v0.61 Easily create Flash microsites

David Ochmann — Fri, 09 Apr 2010 15:15:07 +0000

DoSite is a simple AS3 framework that helps you to create Flash microsites.

DOWNLOAD – DoSite v0.61 (4,2 MB)

The Library simplifies a lot of chores that occur during Flash-Website development, such as: sub-site creation, site transitions, content handling or external library connection (e.g. SWFAddress or Analytics).

Click on the image to see DoSite in action:

The basic idea:
DoSite allows you to distribute your project using independent swfs for each part of the website. The interplay between swf files being handled trough the framework.

(You can however use a single swf to carry all of your code using the embed method. See example “05_single_swf”.)

How it works:
In general DoSite uses two xml files to build the content of the website. The first defines the paths to the content of the website (the swf, jpg, xml files etc.), the second the composition (position, url, names etc.).

The framework than combines the content according to the “id” property of each xml tag.
The visual representation of the content is held in the “DoSite.container():Sprite” that can be added to the stage after including the content.

Every website element is either a fixed content (always visible) or a sub-site.
At runtime only one sub-site is displayed at once (!), although this might change in future releases.

Please take a look at the examples to get a closer look at how DoSite works.

The examples:

01 basic: A simple DoSite setup This example shows you the basic structure of both xml files as well as simple sub-site navigation with DoSite.

02 external xml: How to pull the xml information out of the fla and into separate files.

03 animation: A simple sub-site animation example using TweenMax.

04 swf address: How to connect your website to SwfAddress for sub-site browser navigation.

05 without xml: How to build a DoSite project without using xml.

06 single swf: A full-fledged DoSite example using the embed tag to bundle the website content into a single swf.

Example 01 to 04 use the same layout and content to exemplify the functions of DoSite.
Example 05 however was created as a school project. The website had to run locally, which forced me to dispense external swf or xml files to avoid security restrictions.

I will extend this website with examples and documentations as DoSite evolves.

Have fun with DoSite,

David

Changelog:
v0.61

Added a Data class that holds every framework property. It replaces the content and composition classes in the “xmlparser” package.

It is no longer necessary to assign the content or composition xml to the framework. All properties can now be set via the new Data class or directly with DoSite.compositon() or DoSite.content() after initializing DoSite.

DoSite can now be initialized without an open SubSite. This is important for utilizing a See-and-Point navigation structure.

Removed a bug that caused the content to align to the wrong position when the container align is set to „tl“.

Renamed the addSubsite function to addSubsiteContainer.

Renamed the addFixed function to addFixedContainer.

Various code optimizations.

Bubbles!

David Ochmann — Thu, 01 Apr 2010 16:34:19 +0000

Bubbles is a little time-killing experiment. The swf generates a bunch of circles and moves them accros the stage.
The speed of each circle is determined by its size, its blurriness is a combination of the x and y position relative to the content of the stage.

As allways you can download the source code:

DOWNLOAD – Bubbles (12 KB)

Click on the image to open Bubbles.

AS3 scroller reference

David Ochmann — Mon, 15 Mar 2010 17:21:13 +0000

Below you can find a quick reference for creating an AS3 scroller.
The example shows a simple (though spaghetti coded) way to create a fluid and functional AS3 scroller.

DOWNLOAD – AS3 scroller reference (20 KB)

This blog post is manly done for self-reference reasons. There are a lot of other Flash blogs and tutorial sites that deal with flash scrollers. This is just one solution that I happen to use quite frequently.

Chances are that if you create Flash content, you stumbled upon scrollers.
The problem is, while scrollers aren’t that hard to do, there are quite a few ways to create them, and the most obvious solution to do them, may not be the best way (I’m talking to you start- and stopDrag functions).
This is a best practice solution for creating scrollers. It relies on the MouseEvent.MOUSE_MOVE Event to render. The big advantage compared to a scroller using the Event.ENTER_FRAME event is that it renders a lot quicker since mouse events are able to render between frames.

Changelog:
- I updated the scroller reference to be a little more OOP friendly.

Click on the Image to open the example:

DoConvert v0.70 – String to Object converter

David Ochmann — Wed, 20 Jan 2010 16:50:09 +0000

Easily convert Strings to Objects (or Arrays) with DoConvert.

DOWNLOAD – DoConvert v0.70 (52 KB)

The Library allows you to parse any String formatted in the short Array or Object syntax.
Any given datatype within the String will be converted to its logical ActionScript 3 pendant (i.e. {a:true, b:50}, the value a will be typed Boolen. The value b, uint).

example:

Yes, I know. It’s kinda like JSON ;).

Changelog:
v0.6

Removed a bug in the StringToObject.as and DoGesture.as, that prevented DoConvert to parse Strings including breaks and/or tabs.
Various code optimizations.

v0.62

Removed the NaN compiler error.
Various code optimizations.

v0.70

Added Actionscript 2 version.
Reduced Filesize by removing the classes ToArray.as, ToObject.as and Type.as.
Various code optimizations.

New Year, new language.

David Ochmann — Mon, 04 Jan 2010 21:44:19 +0000

First of all: Happy new Year everyone.

I had a lot of fun updating and tweaking my blog in 2009, and I still plan on extending it in 2010.Especially the response to DoGesture blew me away.

Some of you may have noticed a new contact form, and other subtle changes to the blog (I secretly updated the whole backend framework to a new version of DoSite, which I also plan to release in the next couple of weeks).

The important change however, is the blog language. From now on every new post on this blog is going to be in English. Naturally I’m also going to change every other part of the Website that is still German.

The whole translation process may take some time, so please be patient with me (time is always rare).

Anyway, I wish all of you a happy and successfull 2010.

DoGesture v1.02

David Ochmann — Mon, 05 Oct 2009 15:26:17 +0000

DoGesture v1.02 steht nun zum download bereit.

DOWNLOAD – DoGesture v1.02 (180 KB)

DoGesture ist ein Framework zur Interpretation von Gesten. Die neuste Version von DoGesture macht es möglich Mausgesten sowie Objekt Bewegungen abzufragen.

Somit können mit DoGesture nun Gesten mit verschiedenen Objekten erstellt werden, das erfassen von Multitouch Interfaces ist somit möglich!

Ein einfaches Beispiel einer Multitouch Applikation:

Eine Demonstation der Mausgesten Interpretation:

DoGesture v1.01

David Ochmann — Tue, 29 Sep 2009 08:15:49 +0000

DoGesture v1.01 steht nun zum download bereit.

DOWNLOAD – DoGesture v1.01 (172 KB)

Version 1.01 von DoGesture behebt einen Bug, der verursachte das dass „GestureEvent.GESTURE_COMPLETE“ Event ausgelöst wurde bevor die Geste abgeschlossen war.

Dies ist immer dann passiert wenn die Geste einmal komplett ausgeführt wurde. Der User konnte daraufhin dass Event nochmals auslösen indem er auf das übergebene DisplayObject geklickt hat.

An dieser Stelle ein Dankeschön an „ cerupcat“ aus dem Kirupa Forum, der den Bug gefunden und behoben hat.

DoGesture v1.0

David Ochmann — Mon, 17 Aug 2009 09:41:19 +0000

DoGesture ist ein ActionScript Framework zum erstellen und interpretieren von Mausgesten.

DOWNLOAD – DoGesture v1.0 (164 KB)

Innovative Navigationen oder Intuitive Bedienkonzepte lassen sich mit dem Framwork in nur wenigen Zeilen Code realisieren.

DoGesture steht vorerst in der Version 1.0 zum download bereit.

Im Download enthaltet ist ein Implementierungs-Beispiel, welches die Funktionsweise von DoGesture erläutert.

Ein Bespiel nach Klick auf das Bild:

DoSite und die Vita Oase

David Ochmann — Wed, 05 Aug 2009 14:35:05 +0000

Das erstellen von Flash Webseiten ist mühselig. Viele Funktionen die in HTML selbstverständlich sind, wie Browser-Navigation oder Suchmaschinen Optimierung lassen sich mit Flash nur schwer umsetzen.

Jetzt kommt DoSite ins Spiel. Das Framework ermöglicht es komplexe Flash Webseiten übersichtlich und Pflegeleicht zu verwalten, und ermöglicht zudem eine einfache Browsernavigation durch den Einsatz von

SWF Address 2.3.

DOWNLOAD – DoSite v0.5 (72 KB)

DOWNLOAD – Vita Oase (723 KB)

Der Aufbau solcher Seiten bleibt dabei denkbar einfach.
Das Framework kombiniert die Website aus den Inhalten von drei .xml Dateien. Die „dosite.xml“ enthält alle Initialisierungs-Eigenschaften von DoSite. Die „content.xml“ enthält alle Links auf die einzubindenden Inhalte.
Die Magie passiert in der „composition.xml“. Die Inhalte werden hier in eine logische Struktur gebracht, ebenso werden hier Seitentitel und Inhaltstypen angelegt.
Navigation und Zugriff auf die Unterseiten passiert über die „ITEM“ id.
Die Eigenschaft „type“ gibt an um welche Art von Inhalt es sich handelt. Ist eine .swf eine Unterseite, oder besteht sie aus statischem Content? Genügt vielleicht die Einbindung eines Bildes? Das alles und mehr steht hier übersichtlich und verständlich.

Die Feuertaufe für DoSite war die „Vita Oase“.
Das Schulprojekt ist als Vorbereitung für die Praktische Zwischenprüfung meiner Mediengestalter Ausbildung entstanden.
Vorlage war die Aufgabenstellung der Praktischen Zwischenprüfung 2005. Drei Seiten mussten umgesetzt werden (home, fitness, figur). Die anderen sind nicht verlinkt. Die
Website nutzt eine noch sehr für Version (nicht in der .zip enthalten). Bugs und Ungereimtheiten bitte ich zu entschuldigen.

Die Umsetzung des Layouts dauerte mit der Verwendung von DoSite keine 4 Stunden!

Die Arbeitsdaten der Website können dem „vitaoase.zip“ entnommen werden.
Die aktuelle Version von DoSite (mit SWF Adress v2.3) findet sich in der „dosite_as3_v0.5.zip“.

Sollte Interesse an einer ausführlichen Dokumentation zu DoSite bestehen, wird diese bald folgen. Bis dahin: Viel Spass mit der Beta Version von DoSite.

Ein Klick auf das Bild öffnet die Website:

Brick Wave

David Ochmann — Tue, 28 Jul 2009 16:12:30 +0000

3D muss nicht immer perspektivisch sein. Brick Wave zeigt das sich ein einfacher Dreidimensionaler Effekt auch problemlos mit Isometrie umsetzten lässt.

Brick Wave Demo auf wonderfl.net

Die swf zeichnet ein Raster aus Würfeln auf die Bühne. Die Höhe dieser wird durch einen „Perlin Noise“ Filter bestimmt. Der Filter wird mit jedem neuen Frame verschoben und die Würfel neu gezeichnet.

Ein Mausklick auf die Wellen lässt einen Würfel Berg entstehen.

Die Animation öffnet sich nach Kick auf das Bild:

Hier noch eine interaktive Variante (Kamera benötigt):

Das Rendern von Grass

David Ochmann — Tue, 07 Jul 2009 13:41:14 +0000

Grassflächen sind komplexe Gebilde. Eine Wiese besteht aus tausenden von Grashalmen die sich alle im Detail unterscheiden.
Dies sind zwei Versuche Grassflächen Nachzubilden.

Hier ein einfaches Beispiel:

Ein Renderbeispiel mit Textur und Animation (zum öffnen Bild anklicken):

Decypher Me

David Ochmann — Thu, 02 Jul 2009 19:58:33 +0000

Decypher Me ist eine kleine Hommage an meine (sehr kurze) Studienzeit. Das Spiel ist eine Nachbildung unserer ersten Aufgabe in Kryptografie. Ziel ist es einen verschlüsselten Text zu entschlüsseln.

Wenn ich mich richtig entsinne handelt es sich bei dem verwendeten Algorithmus um den “einfachen Caesar”.

Leider habe Decypher Me nie weiterentwickelt. Gibt es Leute gibt die Interesse an solch einem kurzweiligen Denkspiel haben?

Wer mir die Lösung des Spiels nennen kann wir loben auf meine Blog erwähnt :).

Erreichen könnt ihr mich, wie immer, unter mail@davidochmann.de.

Kleiner Tip: Es handelt sich um die ersten beiden Strophen eines englischen Songtext.

Edit:
Zwei Leute haben sich bisher geschafft den Text zu entschlüsseln: Viel Lob und Preis gehen an Wolfgang Brunner und Felix Winkler.

Pixel Grid – Generative Pixelkunst

David Ochmann — Mon, 22 Jun 2009 15:46:59 +0000

Generative Kunst in 5 Minuten. „Pixel Grid“ ist ein einfaches Beispiel für Prozess Grafik.

PIXEL GRID STARTEN

Die Applikation zeichnet Zufällige Figuren auf einem skalierten 5×5 Pixel Raster und wiederholt den Vorgang auf einem 10×10 großen Feld. Das Ergebnis: Ein Space Invaders Chaos Spektakel :).

Zum vergrößern auf Bilder klicken:

Canvas – Kunst für Zwischendurch

David Ochmann — Thu, 04 Jun 2009 08:06:38 +0000

Canvas ist eine Ansammlung von generativen Grafiken. Alle Bilder sind über einen Algorithmus entstanden, der eine zufällige Position auf der Bühne auswählt und auf ihr einen “Pinsel” zeichnet. Die Effekte sind durch die Manipulation von Größe, Position, Filtern und Blend Modes entstanden.

Zum vergrößern auf Bilder klicken:

DoTween v1.32 – AS2

David Ochmann — Thu, 02 Apr 2009 15:17:13 +0000

Version 1.32 von DoTween kürzt das Framework um die Timing Klasse und ersetzt ihre Aufgabe durch die TweenLite „delayedCall“ Funktion.

DOWNLOAD – DoTween v1.32 (212 KB)

Version 1.32 von DoTween kürzt das Framework um die Timing Klasse und ersetzt ihre Aufgabe durch die TweenLite „delayedCall“ Funktion.
Als Resultat werden die Timings nun wesentlich effektiver bestimmt. Dadurch kommt es, grade bei langsamen Rechnern, viel seltener zu „verschluckten“ Buchstaben.

Da DoTween zunehmend an Anhängern gewinnt habe ich mich entschlossen in die Beispieldatei (dotween.fla) eine kleine Dokumentation zu schreiben. Diese sollte einen schnellen Überblick über DoTween ermöglichen.

Ein großes Dankeschön geht an dieser Stelle an BannerBlogger.deund damit an Steffen Kennepohl der DoTween am 30. März lobend erwähnt hat. Der Blur auf dem Container MovieClip ist nun auch weg :).

Viel Spass mit DoTween.

Crash Lines

David Ochmann — Tue, 10 Feb 2009 09:05:41 +0000

Ein schnelles Spiel in der Pause? Crash Lines ist ein kleines 2 Spieler Vergnügen für Zwischendurch.

Das Spielprinzip von Crash Lines ist schnell erklärt. Zwei Spieler versuchen sich gegenseitig den Bewegungsraum zu nehmen. Keiner der beiden Spieler darf in die eigene Linie oder die des Gegners fahren. Wer es schafft den Gegenspieler Bewegungsunfähig zu machen hat gewonnen.

Crash Lines basiert auf dem bekannten „Tron“ Spiel.

Mein Gedanke war: „Hey, es müsste doch verdammt einfach sein das Spiel nachzuprogrammieren“. Tatsächlich war die Umsetzung sehr einfach. Das komplette Spiel lässt sich in ein paar Zeilen Code zusammenfassen:

mPlayer1.x += mXDirectionPlayer1 * PLAYER_SPEED;
mPlayer1.y += mYDirectionPlayer1 * PLAYER_SPEED;

mPlayer2.x += mXDirectionPlayer2 * PLAYER_SPEED;
mPlayer2.y += mYDirectionPlayer2 * PLAYER_SPEED;

mBitmapDataCompare.fillRect(mClearRectangle, 0);

mBitmapDataCompare.draw(mContainer);

if(mBitmapData.hitTest())
{
reset();
}
else
{
mBitmapData.draw(mContainer);
}

Kurz umschrieben: Ich zeichne ein BitmapData Objekt und prüfe die Kollision mit der aktuellen Zeichnung. Wenn es zu keiner Kollision gekommen ist wir die aktuelle Position in die BitmapData gezeichnet. Gab es eine Kollision wird das Spiel neu gestartet.

Viel Spass beim Pausenfüllen :).

DoTween v1.3 – AS2

David Ochmann — Tue, 13 Jan 2009 09:11:49 +0000

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.