Lamborghini Embolado Illustration

Wieder eine Illustration die in der Flash IDE entstanden ist. Das besondere hierbei sind die animierten Räder. Als Vorbild diente ein Lamborghini Conceptcar von Luca Serafini mit dem Namen Embolado.
Zu der nächsten Illustration die ich hier im Blog veröffentliche pack ich dann auch mal ein Making-of dazu. Mein Flashpanel war zu Begin der Arbeiten an der Illu noch nicht fertig.

Snapshot Flashpanel

Ich hab die letzten Tage nachgedacht wie ich z.B. beim zeichnen einer Illustration in der Flash IDE ein Making-of erstellen kann. Es gibt verschiedene Programme und Screen Captioning Tools, aber die meisten kosten was, oder fressen viel Performance weg. Sich selbst mit der Webcam filmen führt meist zu sehr schwachen Ergebnissen vor allem bei der Qualität. Deshalb arbeite ich grad an einer eigenen Lösung. Es geht um ein Flashpanel, eine Erweiterung für Flash CS3 und CS4, mit der man die Frames der Zeitleiste als PNG Grafiken exportieren kann. Dabei ist es egal ob es ein Frame oder mehrere Frames sind, dass Panel exportiert entweder ein einzelnes Bild, oder eine ganze Bildsequenz aus Flash heraus. Das ganze läuft über JSFL und ich muss noch ein paar kleine Hindernisse überwinden, aber dann zeig ich ein nützliches Beispiel, nämlich eine Making-of Filmsequenz und natürlich gibt’s dann das Flashpanel auch zum herunterladen.

Audiovisualisierung at its best

Robert Hodgin und Processing. Wenn die beiden aufeinander treffen kommen dabei immer unglaubliche Sachen raus. Diesmal hat Robert mit Processing seine Solar Engine (nicht dynamisch) massiv aufgebohrt und daraus eine Echtzeit Audiovisualisierung erstellt. Das Ergebnis ist atemberaubend und inspirierend. Weitere Infos dazu gibt’s hier.

Isometric Buildings

Ich tüftle schon seid längerer Zeit an einem Spiel, aber es will einfach nicht fertig werden. Bevor das Spiel jetzt irgendwann wieder unfertig in einer Schublade verschwindet, will ich zumindest mal die Grafiken herzeigen die bisher bei der Entwicklung entstanden sind.
Es geht hierbei um Gebäude unterschiedlicher Größe die isometrisch dargestellt werden. Bisher befinden sich 532 Gebäude in der Bibliothek und Flash wählt per Zufall aus welches Gebäude wohin gezeichnet werden soll. Alle Grafiken sind per Hand in der Flash IDE gezeichnet worden. Um keinen Performance Killer zu bauen werden die so entstandenen Vektorgrafiken in ein BitmapData gezeichnet und entsprechend angeordnet. Wer sich die Grafiken anschaut wird auch erahnen können in welche Richtung mein Spiel gehen wird, aber mehr möchte ich jetzt noch nicht verraten. Die folgende SWF soll wie gesagt lediglich einige der im Spiel vorkommenden Grafiken zeigen und hat ansonsten nichts mit dem eigentlichen Spiel zu tun. Klickt einfach in die SWF rein und schon wird per Zufall eine neue Anordnung der Grafiken generiert. Unten links könnt Ihr einstellen welche Gebäude gezeichnet werden sollen. Ganz links sind kleinste Gebäude und Parks. Weiter nach Rechts werden die Gebäude größer und ganz rechts nimmt er alle 532 Gebäude in die Zufallsauswahl mit auf.

Photorealistisch zeichnen mit Flash?

Photorealistisch zeichnen mit Flash? Ich hab mich versucht der Herausforderung zu stellen.
Als Vorbild für meine Zeichnung diente ein Bild von Kesha. Hier das Video in dem ich sie entdeckt habe. Um das direkt klarzustellen, ich bin kein großer Kesha Fan, aber die Frau ist sehr interessant zum Zeichnen. Die Haare, der Schmuck und die ganzen Details umzusetzen war perfekt um alles aus den Flash eigenen Zeichenwerkzeugen herauszuholen.
Ich bin mit dem Ergebnis soweit sehr zufrieden, aber der Weg dahin war teilweise sehr steinig. Adobe könnte in der nächsten Flash Version gerne die Zeichenwerkzeuge etwas optimieren und weitere Funktionen integrieren, aber das würde wohl für Adobe bedeuten das weniger Flasher und Illustratoren auf das bewährte Freehand bzw. Illustrator zurückgreifen.

asfunction und TextEvent, bzw. wie man aus einem htmlText eine AS function aufruft

Da zu diesem Thema häufig Fragen auftauchen hab ich mal eine kleine Übersicht erstellt wie man aus einem htmlText heraus auf Funktionen in seinem Script zugreifen kann.
Mit einem „normalen“ TAG kann man zwar Links in einem htmlText erstellen, aber z.B. nur auf andere Webseiten verweisen oder für Emails benutzen. Mit „asfunction“ in Actionscript 1 bzw. 2 und mit dem „TextEvent“ in Actionscript 3 kann man aber auch auf Funktionen und Methoden in seinem Script zugreifen. Und genau wie das geht und man dabei auch einen, oder mehrere Parameter übergibt kann man sich jetzt HIER im Flashforum anschauen.

Simple Countdown

Countdowns gibt es viele. Ich brauchte kürzlich auch einen und so hab ich mir einen in Actionscript 3 geschrieben. Als Vorbild dafür diente eine alte Countdown Version von Matthias Kannengiesser die noch in Actionscript 1 geschrieben wurde. Eine Beispiel Datei (CS3 FLA) vom neuen Flash Player 9 Countdown kann hier herunterladen werden.
Viel Spaß damit falls jemand den kleinen Countdown gebrauchen kann.

Flash Player 10.1 on Google's Nexus One Phone

In dem folgendem Video zeigt Adrian Ludwig von Adobe den Flash Player 10.1 auf einem Google Nexus One Smartphone. Der Flash Player scheint dabei stabil und sehr performant zu laufen. Auch kleine Spiele lassen sich mit dem Touchscreen-Display spielen und Videos die mit dem Flash Player angezeigt werden sind kein Problem wie z.B. bei Apples iPhone.
Hoffentlich wird es in Zukunft sehr viel mehr Handys mit einem Flash Player im Browser geben damit Apple vielleicht doch noch einlenkt und einen Flash Player für sein iPhone, bzw. iPad zulässt.

ToolTip

Ich hab die Tage eine kleine ToolTip Klasse geschrieben. Nachdem mir fertige ToolTips nicht gefallen haben oder nicht die benötigten Eigenschaften besaßen hab ich eine für mich gut funktionierende Lösung gescriptet. Wer einen ToolTip sucht kann sich gerne meine Lösung anschauen. Ich hab alles in eine Klasse gepackt. Hier ist der Download-Link. Für die Animation hab ich die TweenLite Engine von Greensock verwendet. Ladet euch einfach die AS3 Version runter und schon habt Ihr fast alles beisammen was man braucht. Der ToolTip braucht noch ein Asset. Legt dazu einfach einen MovieClip an und packt eine Grafik mit einem Textfeld rein das die Texte anzeigen soll. In dem Beispiel unten ( neues Browserfesnter öffnen ) seht Ihr einige der möglichen Einstellungen. Alles in der Klasse ist recht umfangreich dokumentiert und mit Beispielen versehen, was an dieser Stelle eine genauere Erklärung überflüssig macht. Man kann z.B. den Abstand zur Maus einstellen, die Schriftgröße und Farbe anpassen, den Hintergrund einfärben, automatisch schließen aktivieren, die Ausrichtung vorgeben, Filter und Blendmodes anwenden, bestimmen ob der ToolTip animiert sein soll und vieles mehr.

FITC Amsterdam 2010

Dieses Jahr findet wieder die FITC in Amsterdam vom 22.- 23. Februar statt. Wie in den Jahren zuvor gibt’s wieder ein super Line-up von Speakern und ein Besuch in Amsterdam lohnt sich immer. Unter anderem mit dabei sind dieses Jahr Lee Brimelow, Mike Chambers, Jim Corbett, Koen De Weggheleire, Joa Ebert, Hoss Gifford, Ralph Hauwert, Mario Klingemann, Seb Lee-Delisle, André Michelle, De Monsters, Erik Natzke, Grant Skinner, Carlos Ulloa und mein Kollege Frank Reitberger.
Leider kann ich dieses Jahr aus zeitlichen Gründen nicht an der FITC teilnehmen, aber ich freu mich dieses Jahr zumindest schon mal sehr auf die FFK10.