Niklas Knaack

Han Solo Illustration

2012-01-31T11:24:00.006+01:00

Han Solo Illustration. 100% Adobe Flash und von Hand gezeichnet. Teilweise nach einer Fotovorlage. Die Waffe in Han's Hand hab ich durch einen Blumenstrauß ersetzt, am Gürtel befinden ebenfalls keine Waffen und andere Behältnisse mehr und der Waffen Halfter ist entsprechend größer geworden um den Blumenstrauß aufnehmen zu können.

Die Farben sind insgesamt sehr reduziert und beschränken sich auf eine kleine Palette die ich versucht habe durchgehend anzuwenden.
Ich wollte dieses mal einen besonders sauberen Look haben, weshalb ich auf zu viel Details verzichtet habe. Nur im Gesicht und beim Blumenstrauß hab ich mehr Details eingearbeitet, weil dass die beiden wichtigsten Bildbereiche sind. Daraus ergibt sich auch, dass ich für diese beiden Bereiche am längsten gebraucht habe. Insgesamt hab ich über 12 Stunden an Han gezeichnet.

(deviantART Link)

Skin Diamond Illustration

2012-01-18T14:27:00.014+01:00

Eine Illustration von Skin Diamond (nicht Jugendfrei!). Das Bild entstand komplett in Flash CS5 nach einer Fotovorlage. Dauer ungefähr 10 Stunden.

(deviantART Link)

Ich hab als Erstes die Outlines gezeichnet und bin dann dazu übergegangen die Flächen per „Solid color“ zu füllen. Im dritten und letzten Schritt habe ich manche Flächen mit „Linear gradient colors“ gefüllt, Lichtakzente + Schatten gesetzt, und ein paar Details wie den Ohrstecker sowie die Halskette hinzugefügt.
Warum ich Skin Diamond gezeichnet habe weiß ich selbst nicht so genau. Vielleicht weil ich im Netz über andere Illustrationen von ihr gestolpert bin die ich ausgesprochen gut finde. Zum Beispiel DIESE hier, oder auch DIESE.

Ich hab noch 2 Bilder dazu gepackt um den Entstehungsprozess zu verdeutlichen.

Edit: Sie hats bei sich im Blog gepostet!
http://skin-diamond.tumblr.com/post/17133707480/fan-art-xoxoxo

First steps with Canvas and HTML5

2011-12-07T15:13:00.004+01:00

Mein erstes kleines HTML5 Canvas Experiment. Ich habe versucht mein altes „Computational Art“ Experiment (im Original von Keith Peters) von Actionscript 3 auf JavaScript zu übertragen. Ich musste dabei feststellen, dass sich JavaScript sehr ähnlich wie Actioscript 1 verhält, nur noch widerspenstiger. Die Fehlersuche, wenn was mal nicht hinhaut ist eine Qual. Das könnte aber auch daran liegen, dass ich bisher keinen vernünftigen Editor verwende. Für Empfehlungen diesbezüglich wär ich sehr dankbar. Ich hab gehört WebStorm von JetBrains soll ganz nett sein.
Ansonsten sollte jedem Flasher der schon mal mit Actionscript 1 und 2 zu tun hatte der Einstieg in JavaScript extrem leicht fallen. Das gilt natürlich auch für Actionscript 3 Freunde, jedoch scheint JavaScript nicht wirklich tauglich für OOP zu sein. Typisierung gibt’s erst gar nicht.
Zum starten einfach auf das Bild klicken oder HIER.

Ein paar Gedanken zu Adobe und Flash im Allgemeinen

2011-11-11T15:46:00.010+01:00

Seit dem 9.11.2011 ist klar, Adobe verabschiedet sich von Flash und setzt nun voll auf HTML5. So schreibt es jedenfalls unter anderem Spiegel Online und viele Blogger und User in diversen Foren springen mit auf diesen Zug auf. In Wirklichkeit stellt Adobe „nur“ die Entwicklung des Flash Players für mobile Endgeräte, bzw. deren Betriebssysteme ein. So wird z.B. der Flash Player für Android nicht mehr weiterentwickelt. Das betrifft jedoch nicht den Flash Player den man auf seinem Desktop PC installiert hat oder auf seinem Laptop. Hier muss man also differenzieren und nicht gleich eine ganze Technologie für tot erklären.
Nach dieser Meldung („Adobe to cease developing mobile Flash plugin for Android and PlayBook“) brachen alle Dämme und es wird mächtig viel diskutiert. Ich möchte hier einfach zum jetzigen Zeitpunkt meine aktuelle Sicht der Dinge vermitteln.

Aus meiner Sicht ist die Entscheidung von Adobe ein Stück weit nachvollziehbar. Aber nur ein Stück weit. Betrachtet man das Ganze auf etwas längere Sicht, muss man sich schon fragen ob Adobe hier nicht etwas panisch und übereilt entschieden hat. Der Schuss könnte für Adobe in ein paar Monaten/Jahren böse nach hinten losgehen.

Was spricht für die Entscheidung. Viele mobile Endgeräte haben einfach nicht genug Saft um aktuelle Flashseiten mit dem neuesten technischen Schnickschnack ordentlich darstellen zu können. Viele dieser Seiten sind zudem nicht für so kleine Displays konzipiert (speziell bei Smartphones) worden und brauchen nicht selten eine Maus um komfortabel bedient werden zu können. Und genau das ist auch der Punkt, bzw. der Fehler. Man war einfach davon ausgegangen das diese eigentlich nicht für mobile Endgeräte konzipierten Seiten schon irgendwie akzeptiert werden würden. Aber das trifft nicht zu und viele User haben das Angebot eines Flash Players auf ihren Smartphones so gut wie nicht genutzt. Die wenigen Tablets die neben dem iPad auf dem Markt sind spielen zum jetzigen Zeitpunkt noch kaum eine Rolle. Viele User benutzen lieber alle möglichen Apps, anstatt sich mit dem Flash Player für mobile devices über nicht optimierte Flash Microsites zu quälen. Da sich Flash verstärkt zur Entwicklung von Apps für alle möglichen Plattformen eignet scheint dieser Schritt von Adobe auf den ersten Blick also nachvollziehbar.

Was spricht gegen die Entscheidung. Das Ganze ist aus meiner Sicht von Adobe viel zu kurzsichtig gedacht worden. Schon in naher Zukunft wird es immer mehr Tablets geben. Das Surfverhalten der Leute wird sich entsprechend ändern. Weg vom Desktop PC und hin zum Tablet. Und wie bei allen Geräten werden sich auch Tablets weiter stark verbessern. Die Akkulaufzeiten werden steigen und natürlich werden die Prozessoren schneller werden. Die Displays von Tablets haben jetzt schon eine ausreichende Auflösung und auch diese wird sich mit Sicherheit noch in nächster Zeit erhöhen. Das sind alles Argumente die für einen Flash Player auf mobilen Endgeräten wie Tablets sprechen und gegen die totale Konzentration auf Apps. Natürlich müssen die Flashentwickler darauf achten das ihre Inhalte auch ohne Maus zu bedienen sind, aber müssen das nicht alle Entwickler die für Geräte mit Touchscreens veröffentlichen wollen? Aber das spielt ja jetzt erst mal keine Rolle mehr, denn in Zukunft werden sich alle Tablets, Smartphones und ähnliche Geräte wie die von Apple verhalten und im Browser keine Flash Inhalte mehr darstellen können. Bleibt natürlich die Frage ob sich die User dann statt der Flashseite eine entsprechende App auf ihr Gerät ziehen. Und genau das kann bezweifelt werden.

Die Folgen dieser Entscheidung. Könnte man doch nur in die Zukunft blicken. Aber es zeichnen sich ja schon bestimmte Entwicklungen ab und diverse Szenarien könnten denkbar sein.

Spiegel Online schreibt: „Letztlich wäre der flächendeckende Wechsel zu HTML5 ein Gewinn für alle - denn ein offener, einheitlicher Standard ist am Ende gut für Nutzer, Entwickler und Hardware-Hersteller.“ Dieses Fazit ist ungefähr genauso kurzsichtig wie die Entscheidung von Adobe. Der flächendeckende Wechsel zu HTML5 wäre ein Gewinn für alle? Es gibt aktuell keine Vernünftigen Tools zum erstellen von HTML5 Seiten. Der Aufwand in der Produktion ist also deutlich höher und somit auch die Kosten zum erstellen von Inhalten. Was hat der Nutzer davon? Der Nutzer kriegt nun HTML5 Seiten zu sehen die man mit Flash so schon vor 10 Jahren erstellen konnte. Das ist ein echter Rückschritt und auch die Ladezeiten sind deutlich länger. Was hat der Entwickler davon? Wegen nicht vorhandener Tools gestaltet sich die Entwicklung deutlich aufwändiger als mit Flash. Was zum Ergebnis hat, dass die Kosten für die Produktion steigen, was man erst mal einem Kunden vermitteln muss, der wie gesagt ein Produkt zu sehen kriegt das es schon so vor 10 Jahren hätte geben können. Und was haben die Hardware Hersteller davon? In dem Spiegel Online Artikel steht das viele Ihre Werbekampagnen umstellen müssen, was sicher nicht kostenlos erfolgen wird. Es entstehen den Herstellern also extra Kosten, weil sie auf das falsche Pferd gesetzt haben und eines ihrer wichtigsten Argumente gegen iPhone und iPad, nämlich Flash im Browser darstellen zu können, geht ihnen verloren. Soviel zum Fazit von Spiegel Online.

Langfristig wird Flash in Browsern immer weiter an Bedeutung verlieren. HTML5 wird Stück für Stück Flash das Wasser abgraben. Die Entscheidung von Adobe wird diesen Vorgang nur noch beschleunigen. Und es werden weitere Technologien kommen die Flash immer weiter ersetzbar machen. Es seien an dieser Stelle z.B. für den 3D Bereich nur kurz WebGL und OpenGL ES erwähnt. Schon vor einigen Jahren gab es eine evtl. vergleichbare Situation in der der Shockwave Player durch den Flash Player verdrängt wurde, obwohl Shockwave damals schon viele Jahre vor Flash 3D darstellen konnte. Es setzt sich halt nicht immer die bessere Technologie durch. Wie schnell dieser Wandel vom allgemeinen Hype beflügelt stattfinden wird lässt sich kaum einschätzen, aber es wird sicher nicht sofort passieren. Wir werden auch noch im nächsten Jahr viele schöne Flash Seiten zu sehen bekommen.

Wo aber bleiben langfristig die Flashentwickler wenn sich die Landschaft in den nächsten Jahren in diese Richtung verändert? Diese müssen sich wohl umstellen und ggf. andere Bereiche suchen. So wird Flash zwar immer weiter aus der Browser Landschaft verschwinden, aber mit der gerade erst am Anfang stehenden App-Entwicklung aus Flash heraus ergeben sich auch ganz neue Möglichkeiten und Chancen. Werbemittel und Online Spiele werden zudem ein sehr großes Thema bleiben und wer weiter Frontend im Browser entwickeln möchte sollte sich mal mit HTML5 beschäftigen. Wer als Flasher noch mit Actionscript 1 zu tun hatte wird sich schnell mit JavaScript zurechtfinden. Auch wenn ein Umstieg von Actionscript 3 zu JavaScript sicher hart und unschön (zurück in die Steinzeit) ist. Falls das alles so zutreffen sollte wird der Flashentwickler also entweder weiter mit Flash arbeiten, aber immer weniger Online Inhalte erstellen, oder aber er wendet sich langsam von Flash ab und macht sich mit neuen/anderen Technologien vertraut um weiterhin Online Inhalte erstellen zu können.

Bleibt noch die Frage was Adobe und andere Hersteller auf ihre Ankündigungen folgen lassen werden HTML5 voran zu bringen. Bisherige Versuche wie Adobe Muse und Adobe Edge können höchstens erste vorsichtige Schritte gewesen sein geeignete Tools für Entwickler zu schaffen. Hier muss einfach noch sehr viel mehr passieren.

Der Hype um HTML5 ist jedenfalls unglaublich groß zur Zeit. Bleibt zu hoffen, dass er auch berechtigt ist. Aus jetziger Sicht ist er das für mich jedenfalls nicht. Die Entwicklung im Allgemeinen wird mit einem größeren Aufwand verbunden sein um Ergebnisse erzielen zu können die es schon vor 10 Jahren gab. Falls sich HTML5 nun wirklich durchsetzt und nicht rasend schnell weiterentwickelt wird drehen wir im Web die Uhr ein paar Jahre zurück. Wird das die aktuelle Entwicklung aufhalten? wohl kaum.

Ich würde mir für die Zukunft eine Landschaft mit Flash Player Plugin auf allen Systemen wünschen. Man wird ja noch träumen dürfen. Dann gäb es diese ganze Diskussion gar nicht, denn noch ist HTML5 aus meiner Sicht nicht reif genug. Und wer weiß was die Zukunft noch Flash-freundliches bereit hält. Erstens kommt es anders und zweitens als man denkt. Als Entwickler sollte man sich jetzt durch den Hype nicht verrückt machen lassen und weiter alles genau beobachten.

Zu dem Thema gibt es unzählige Links. Hier eine kleine Auswahl:
Lee Brimelow
Mike Chambers
Thibault Imbert
Grant Skinner

Starling Framework Performance Test

2011-10-24T22:59:00.013+02:00

Ein kleiner Performancetest mit dem neuen Starling Framework. Als Basis für den Test hab ich eine Illustration von Lana Del Rey genommen und die einzelnen Bereiche des Bildes in MovieClips unterteilt. Insgesamt besteht das Bild aus 1068 MovieClips. Das war eine Plackerei! Gezeichnet habe ich das Bild komplett in Flash nach einer Fotovorlage, wobei ich sagen muss das Flash CS5 viel zu oft abstürzt. Macht echt wenig Spaß aktuell, ich hoffe das wird mit CS5.5 und den darauffolgenden Versionen wieder deutlich besser. Mit meinem aktuellen Wissensstand was Starling betrifft, gab es für mich dann nur die folgende Lösung meinen Test weiter fortzuführen. In einer Schleife lese ich alle 1068 MovieClips (flash.display.MovieClip) aus und zeichne diese jeweils in bitmapData‘s (flash.display.BitmapData) rein um dann per „Texture.fromBitmapData“ die entsprechenden Texturen für die Starling Images zu erzeugen. Danach kommen nur noch ein bisschen Mathe und TweenLite zum Einsatz um die Einzelteile zu bewegen.

Die Performance spricht für sich. In anderen Tests hab ich sogar mehrere tausend Objekte bewegen können.
Bleibt noch zu hoffen das Stage3D und somit auch Starling bald für mobile Anwendungen verfügbar sind. Kann es kaum abwarten solche Ergebnisse auf einem iPad oder anderen Geräten zu sehen.
Zum starten einfach aufs Bild klicken:

(Um die Demo zu starten einfach auf das Bild klicken. Flash Player 11 required.)

Starling Framework with FlashDevelop

2011-10-11T14:10:00.024+02:00

Endlich gibt’s den Flash Player 11 und mit ihm die neue Stage3D API. Stage 3D, vorher unter dem Codenamen „Molehill“ bekannt, spricht die Grafik-Hardware z.B. unter Windows über DirectX an. Unter Mac OS X und Linux geschieht das über OpenGL. Bei mobilen Endgeräten soll das über OpenGL ES laufen, was aber aktuell noch nicht funktioniert. Abgesehen von Mobilgeräten ist Stage 3D damit mit allen gängigen Grafikkarten kompatibel und mit dem neuen Flash Player 11 Plugin quasi für jeden Browser sofort verfügbar. Stage 3D beschleunigt neben 3D- auch 2D-Inhalte und bringt Flash insgesamt auf ein extrem hohes Leistungsniveau.

Hier ein schönes Beispiel. Unreal Tournament 3 im Browser dank Stage3D!

Für die Entwicklung von Spielen ist die Performance optimal, auch und besonders bei 2D Spielen können bisher ungeahnte Ergebnisse erziehlt werden. Und genau hier tritt jetzt das Starling Framework auf den Plan. Das Framework erleichtert den Umgang mit Stage 3D und erlaubt es Flash Entwicklern mit den von ihnen bekannten Mitteln 2D-Inhalte GPU beschleunigt zu erstellen. Mit nur ein paar Kniffen ist es möglich über die bekannte „Display List“-Architektur, die Starling quasi nachbildet, Sprites, MovieClips und Images auf der Stage, bzw. in diesem Fall dann Stage3D zu adden.

Hier gibts ein paar Starling Demos. Hier ganz offiziell und hier noch mehr.

An dieser Stelle nun eine kleine Erklärung was man mit FlashDevelop anstellen muss, damit man mit dem Starling Framework arbeiten kann.

Zunächst einmal braucht es natürlich die neueste FlashDevelop Version. Aktuell ist das „FlashDevelop 4.0.0 RC1“. Bitte unbedingt dort den Installationshinweisen folgen. Dort wird unter anderem empfohlen, ältere Versionen von FlashDevelop vor der Installation zu desinstallieren.

Bei der Installation zieht sich FlashDevelop auf Wunsch automatisch das neueste Flex SDK. Geschieht das nicht, oder es kam dabei zu einem Fehler braucht es die Flex SDK natürlich trotzdem. Auf jedenfall sollte es die neueste Version sein. Aktuell ist Version: „4.5.1.21328“!

Nachdem jetzt FlashDevelop und die Flex SDK heruntergeladen und installiert worden sind braucht es noch den neuen Flash Player 11 als Projektor. Einfach unten auf der Seite je nach Betriebssystem auswählen. Als Windows Benutzer hab ich mich für den „Download the Windows Flash Player 11.0 Projector content debugger (EXE, 8.91MB)“ entschieden.

Jetzt geht’s an die Einstellungen. Einfach ein neues FlashDevelop AS3 Projekt starten.

Dort dann unter „Project“ und dann „Properties“ die Karteikarte „Output“ auswählen. Dann bei „Platform“ „Flash Player“ auswählen und als Version dahinter „11.0“ nehmen. Bei „Test Project“ dann noch „Play: External Player“ auswählen und danach dann zur Karteikarte „Compiler Options“ wechseln.

Dort die „Additional Compiler Options“ anklicken. Rechts in der Zeile erscheint ein kleiner Button. Diesen anklicken und in dem sich öffnenden Fenster folgende Zeile eintragen und anschließend mit „OK“ bestätigen.

-swf-version=13

Ist in dem Fenster bereits etwas eingetragen einfach eine neue Zeile machen und dort dann rein damit.

Das waren die Einstellungen bei den Properties. Einfach mit „OK“ bestätigen und weiter geht’s.
Jetzt unter „Tools“ und dann „Programm Settings…“ links „AS3Context“ anklicken. Nur falls FlashDevelop nicht zu Begin schon wie beschrieben die Flex SDK mit installiert hat, muss an dieser Stelle der Pfad eingetragen werden, zu dem Ordner wohin die Flex SDK heruntergeladen und ggf. entpackt worden ist. Dazu im rechten Bereich auf die Zeile „Installed Flex SDKs“ klicken und rechts auf den kleinen Button der nun erschienen ist.

Hier muss auf „Hinzufügen“ geklickt werden. Oben dann auf „New SDK“ klicken und rechts dann unter „Location“ den Pfad zur Flex SDK eingeben. Ist der Pfad korrekt erscheinen bei den Properties darunter Name und Version. Das Ganze mit „OK“ bestätigen.

Jetzt noch im „Settings“ Fenster links, ein gutes Stück unter „AS3Context“ den Punkt „FlashViewer“ auswählen. Rechts dann unter „External Player Path“ den Pfad zu der „FlashPlayer11.exe“ eintragen.

Das wars. Jetzt ist FlashDevelop in der Lage für den Flash Player 11 zu veröffentlichen. Die ganze Stage3D Power steht dem Entwickler zur Verfügung und das Starling Framework kann eingesetzt werden.
Hier ist der Download Link und hier gibts das ultimative PDF zum lernen.

Scaling a SWF's Stage via Actionscript and ExternalInterface

2011-05-09T14:09:00.004+02:00

Nachdem ich vor einigen Tagen 2 Threads im Flashforum gelesen habe kam ich auf die Idee einer SWF in einer HTML Datei eingebettet die sich selbst skalieren kann. Also das man per ActionScript und während des laufenden Betriebs die Größe der Stage anpassen kann. Da stageWidth und stageHeight ausschließlich nur zum Auslesen der Bühnengröße geeignet sind und es auch sonst keine Möglichkeiten gibt mit ActionScript Einfluss auf die Größe der Stage zu nehmen musste ein anderer Weg her.
Eigentlich super simpel, und es funktioniert einwandfrei.
Ich bin dafür einfach den Weg über JavaScript gegangen. Das Scaling erledigt also eine JavaScript function von mir die ich aus Flash heraus mit „ExternalInterface.call“ anspreche. Dabei übergebe ich einfach 2 Parameter für die Width und Height und das JavaScript erledigt den Rest. Das ganze klappt sogar so gut, dass man das auch mit einer Tweening Engine kombinieren kann, wodurch die Skalierung beliebig animiert werden kann.
Ich bin mir nicht sicher ob das ganze überhaupt sehr sinnvoll ist, aber ich wollte einfach mal ausprobieren ob es möglich ist.
Das ganze anschauen könnt Ihr euch HIER.
Sources, Scripte und weitere Informationen findet Ihr im entsprechenden Flashforum Thread.

Cloud Cover Simulator

2011-04-01T14:48:00.008+02:00

Nachdem ich bei mehreren Projekten einen Hintergrund mit Wolken brauchte hab ich mich zunächst im Web auf die Suche begeben. Die meisten Lösungen waren entweder unbefriedigend oder echte Performance Killer.

Die von mir erstellte Klasse (AS3) basiert auf dem Clouds Tutorial von Dan Gries und Barabara Kaskusz. Die Lösung mit grayscale Perlin noise und dem ColorMatrixFilter Wolken zu erstellen ist einfach optimal. Ich hab dieses Prinzip übernommen und an ein paar Stellen etwas aufgebohrt. So lassen sich alle Parameter zu jeder Zeit anpassen und es ist möglich über den Scale Factor die Auflösung so zu verringern, dass man den Wolkeneffekt auch problemlos bei Größen mit mehr als 400x400 Pixeln einsetzen kann. Zudem ist es möglich die Wolken abhängig von der Mausposition zu steuern was ein ganz netter Effekt ist wie ich finde.
Um die angesprochenen Parameter einstellen zu können muss die Anwendung einfach gestartet werden. Wer mit der Maus in die linke Ecke unten fährt wird dann auch direkt erkennen wie er die Wolkenanimation beeinflussen kann.

Verwendet werden:
Minimal Comps by Keith Peters
TweenNano by GreenSock

Audiotool Radio

2011-02-15T16:43:00.010+01:00

Läuft seit fast vier Tagen am Stück. Nach dem „mega-update“ vom Audiotool gibt’s nun endlich das Audiotool Radio. Dort laufen die meist gehörten und am besten bewerteten Tracks als Stream. Kommt echt super und auch die Visuals können sich sehen lassen. Zur Zeit sind meine Favoriten „Calendar“ von „hollohill“ und „Lost At Sea“ von „femme_robot“. Und „Departure“ von „André Michelle“ ist auch ein super Track!

Simon Wright

2011-01-17T14:33:00.003+01:00

Heute Morgen habe ich erfreut festgestellt das ich zum Professor Simon Wright (Q4/2010) vom Flashforum gewählt worden bin. Hab mich in der Umfrage knapp durchgesetzt und möchte einfach nur kurz allen danken die für mich abgestimmt haben. Es war ein knappes Rennen und wie immer hätten den Titel des Professors alle vorgeschlagenen Flashforum Moderatoren und Mitglieder mindestens genauso verdient wie ich!

Asteroids

2011-01-12T16:05:00.013+01:00

Einer der Klassiker unter den Computerspielen musste diesmal dran glauben. Asteroids aus dem Jahr 1979 ist wohl mit eines der bekanntesten Computerspiele der Welt. Das Original von Atari tauchte 1979 erstmals auf Spielautomaten rund um den Globus auf und wurde bis heute zahllos oft kopiert und modifiziert. Weitere Details und Hintergründe können bei Interesse im entsprechenden Wikipedia Artikel nachgelesen werden.
Bei diesem Asteroids Klon handelt es sich um eine Umsetzung für den Flash Player 10 der mit Actionscript 3 geschrieben wurde. Bei der Umsetzung wollte ich möglichst nah an die reduzierte Grafik des Spiels kommen und lediglich ein paar Details im Spielverlauf gegenüber dem Original abändern. Zudem war es mir wichtig die Dateigröße der SWF möglichst gering zu halten. Von den 16KB macht wohl die eingesetzte TweenLite Engine einen nicht unerheblichen Teil aus weshalb ich mit dem Ergebnis soweit zufrieden bin. Alle Grafiken im Spiel werden dynamisch erzeugt, bzw. mit der Flash Drawing API gezeichnet und dann in BitmapData’s übertragen, um mit dem BitmapData HitTest eine möglichst genaue Kollisionserkennung hinzubekommen. Zudem eignen sich die BitmapData’s besonders gut dazu die Explosionen z.B. der Asteroiden umzusetzen. Das Spiel ist insgesamt aufs Wesentliche konzentriert, was bedeutet das man das Spiel starten kann und die 25 Level spielen kann. Es gibt keine weiteren Screens, Einstellungsmöglichkeiten oder Sounds.

Gesteuert wird das Spiel mit den Pfeiltasten. Die Pfeiltasten Links und Rechts drehen das Raumschiff um die eigene Achse. Mit der Pfeiltaste Oben gibt man Gas und mit der Leertaste feuert man.

Beim recherchieren einiger Details für diesen Beitrag bin ich auf einen ähnlichen Asteroids Klon von Paul Neave gestoßen der dem Original sehr nah kommt. Hier wurde deutlich mehr Wert darauf gelegt das echte Asteroids bis ins kleinste Detail zu kopieren. Sehr sehenswert!

Rechtlicher Hinweis: Dieses Spiel ist ein inoffizieller und nicht kommerzieller Klon des ursprünglichen Asteroids® von Atari Interactive, Inc.

Update: Ich habe die TweenLite Engine mit der TweenNano Engine ausgetauscht und dadurch ein paar KB gespart. Mit AS3 SFXR von Tom Vian (Super Flash Bros) hab ich zudem Sound ins Spiel gebracht, dabei aber gleichzeitig die Dateigröße bei sehr kleinen 20KB gehalten. Den typischen 8Bit Sound könnt Ihr unten links ein, bzw. ausschalten. Und endlich kann man auch seine Punkte zählen. Es gibt nun eine Score Anzeige.

Brownsches Axon Meter

2011-01-07T12:24:00.003+01:00

Blöder Name, aber was Besseres ist mit nicht eingefallen. Ich bin zudem mit der Materie von Synapsen, Neuronen und Axonen nicht wirklich gut vertraut, aber ich versuche mal zu erklären wie ich auf den Namen gekommen bin.
Zu sehen sind 140 Neuronen, deren Bewegung der Brownschen Molekularbewegung nachempfunden ist. Wenn sich zwei Neuronen nun annähern gibt es einen elektrischen Nervenimpuls, dargestellt durch eine grüne Linie. Diesen Nervenimpuls kann man meines wissens nach auch als Axon bezeichnen. Da die aktuelle Anzahl aller Axone, also der Nervenimpulse, sprich grüner Linien zwischen den Neuronen gezählt wird, hab ich das gute Ding Brownsches Axom Meter genannt. Ich lasse mich aber was Neuronen und Axome angeht auch gerne eines Besseren belehren. Jedenfalls interagieren die Neuronen miteinander. Der Abstand der Neuronen zueinander ist hierbei ausschlaggebend. Je näher sich die Neuronen kommen umso stärker wird der Nervenimpuls zwischen ihnen. Die Linie wird dicker und die Farbe intensiver. Mit der Anzahl der Nervenimpulse wächst der Radius eines Neurons. Neuronen mit vielen Nervenimpulsen sind also deutlich größer und besser sichtbar als Neuronen mit wenigen oder keinen Nervenimpulsen.
Mit der Maus kann der Betrachter die Bewegung der Neuronen steuern und übt so Einfluss auf den abgebildeten Prozess aus.

Generative Art Session Kölner Dom

2011-01-04T15:57:00.004+01:00

Direkt vorweg. Ja, ich komme aus Düsseldorf. Aber das hat mich nicht davon abgehalten den Kölner Dom als Motiv für diese Generative Art Session zu nehmen.
Als Vorlage diente hier ein Foto vom Kölner Dom in den späten Abendstunden. Wegen der schönen Lichtverhältnisse befand ich das Foto als besonders gut geeignet.
Zu Beginn habe ich habe Flash dazu veranlasst sehr grob und ungenau zu zeichnen, um dann später und zur Mitte hin immer genauer zu werden. Die Engine die dahinter steht ist die gleiche wie bei den letzten Generative Art Sessions, nur lassen sich in der aktuellen Version diverse Parameter während des Zeichenvorgangs einstellen und optimieren. Zudem werden in dieser speziellen Version die Farbwerte nicht komplett per Zufall oder aus einer definierten Auswahl gepickt, sondern positionsgenau aus der Fotovorlage. Auf diese Weise kann ein Bild entstehen, dass den Eindruck erweckt gemalt worden zu sein. Als Resultat entstand ein Bild mit den Maßen 12000 * 10750 Pixeln welches ich bequem auch in großen Formaten ausdrucken lassen kann. Natürlich kann ich diese Größe hier nicht posten weshalb ich dieses Preview Bild hier hochgeladen habe.

Marina Illustration

2011-01-04T15:23:00.006+01:00

Zwischen den Feiertagen hab ich endlich mal wieder ein bisschen Zeit zum Zeichnen gefunden.

Nach einer Fotovorlage ist dieses Bild von Marina entstanden. Das Foto hab ich zunächst in Photoshop bearbeitet, dort die Farben entfernt und danach dann mit dem Photo Filter etwas Wärme ins Bild gebracht. Das bearbeitete Bild hab ich dann wie gewohnt in die Flash DIE importiert und nachgezeichnet. Ich habe dabei bewusst ein paar Details eingespart, wie man z.B. gut an der Brille erkennen kann, durch die man nicht hindurch zu blicken vermag. Entstanden ist dabei ein aktuelles Bild, leicht anonymisiert angelehnt z.B. an ein verblichenes altes Passfoto oder Poster aus den Fünfzigern und Sechzigern.

FFF - Flashforum Favorites

2010-12-07T12:27:00.007+01:00

Eher für mich als für andere gedacht, aber trotzdem musste mal ein Update her. Die alte Linksammlung an Flashforum Beiträgen war von 2004 und wurde schon seit Jahren nicht mehr von mir gepflegt. Mit der jetzigen Version hab ich direkt ein paar neue Beiträge hinzugefügt und werde versuchen kontinuierlich weiter einzupflegen was mir wichtig erscheint.

Die neue Version mit dem Namen FFF Flashforum Favorites hat eine ganz neue Optik erhalten. Die einzelnen Flashforum Beiträge werden durch 3,5 Zoll Disketten dargestellt. Um einen Beitrag zu öffnen muss die entsprechende Diskette über das Laufwerk links gezogen werden. Ist das geschehen erscheinen weitere Informationen zu dem Beitrag und der User kann mit einem Klick direkt ins Flashforum an die gewünschte Stelle gelangen. Unten am Bildschirmrand gibt es die Möglichkeit die Disketten anders zu sortieren und nach bestimmten Schlagwörtern zu suchen. Findet die Anwendung z.B. ein Schlagwort in drei Beiträgen werden alle anderen Disketten ausgeblendet. Mit dem Reset Button unten kann man seine Suche und Sortierung auch wieder rückgängig machen und alles in den ursprünglichen Zustand zurückversetzen.

Illustration VS. Tweening Engine

2010-11-26T23:52:00.006+01:00

Kleine Spielerei. Eine Illustration im Stil der Computer Marke mit dem Apfel von Kanye West baut sich mit Hilfe der TweenLite Engine auf. Diverse Parameter wie Größe, Position, Rotation usw. werden jeden Durchgang per Zufall bestimmt, so dass sich immer eine einzigartige Animation ergibt.

Generative Art Session 03

2010-11-17T12:22:00.005+01:00

Der nächste große Schritt in Richtung Print ist gemacht. Da BitmapData, welches hier als Canvas fungiert in seiner Größe stark eingeschränkt ist, hab ich nach einer Lösung gesucht um dieses Limit zu umgehen, damit ich aus Flash heraus Bilder exportieren kann die ich in den Print geben kann um daraus z.B. Poster zu erstellen. Ich hatte schon begonnen eine eigene Lösung wie von Erik Natzke beschrieben mit mehreren BitmapData (die zusammen das gesamte Bild darstellen) zu scripten, als ich erst auf BitmapDataUnlimited von Martin Rädlinger und dann auf BigAssCanvas von Keith Peter gestoßen bin. Nach kurzer Überlegung und wenigen Tests war klar, dass ich das Rad nicht neu erfinden muss und das mir die Lösung von Keith am besten gefällt. BigAssCanvas verhält sich im Prinzip genau wie ein normales BitmapData, nur das es aus mehreren BitmapData besteht. Um extreme Größen zu ermöglichen wird ein Bild einfach in 2880*2880 Pixel große BitmapData unterteilt. Diese BitmapData werden dann in einem Array, bzw. Vector gespeichert und man kann zu jedem Zeitpunkt bequem darauf zugreifen. Da der PNGEncoder von Adobe eh mit Bildern die mehr als 2880*2880 Pixel groß sind Probleme hat, bietet sich die Lösung einfach an und man exportiert BitmapData um BitmapData bis man das gesamte Bild in Einzelteilen aus Flash heraus bekommen hat. Später setzt man dann die so entstandenen Tiles einfach wieder z.B. in Photoshop zusammen und bekommt Bilder in extrem hohen Auflösungen zu sehen. In meinem Fall sind das aktuell 12000*10750 Pixel was für Poster dicke reichen sollte.
Die Lösung wie der Export abläuft stellt mich aber noch nicht zufrieden. Im Moment schießt Flash beim Export von einem Timer gesteuert alle 15 Sekunden ein neues Bild raus. Ist man nicht schnell genug beim Abspeichern stürzt Flash auch gerne schon mal ab und vernichtet dabei das entstandene Werk. Daher hab ich mich entschlossen die Aktuelle Version der Anwendung hier nicht zu posten.
Ansonsten gab es noch ein paar Optimierungen bei der Darstellung sowie die Möglichkeit Color Schemes von Adobe Kuler zu importieren. Mir sind noch sehr viele Ideen gekommen was ich da alles noch mit einbauen will. Session 3 wird also nicht die letzte gewesen sein!
Das Beispiel Bild wurde mit 3 Kuler Color Schemes erstellt und ist im Original 12000*10750 Pixel groß.

Generative Art Session 02

2010-11-05T14:36:00.002+01:00

Generative Art mit Actionscript Version 2. Ich hab mich bemüht das ganze etwas individueller und zufälliger wirken zu lassen als noch in Version 1. So kann jetzt eine gezeichnete Linie aus mehreren Strängen bestehen. Das wird vom Zufall bestimmt, ebenso wann jeder einzelne Strang seinen alpha Wert ändert und die Breite jedes Strangs. Auch die Parameter die für die Bewegung verantwortlich sind variieren diesmal vom Zufall gesteuert und erzeugen auf diese Weise immer wieder einzigartige Linien Typen, wodurch jedes Bild seinen ganz eigenen Look erhält.

Vor allem aber auch hab ich am Export gearbeitet, der jetzt ein JPG in Full HD, also 1920*1080 Pixeln ausgibt, dass man dann z.B. direkt als Desktop Hintergrundbild benutzen kann.

Wie in Version 1 werden die Farben per Zufall bestimmt, wenn der User nicht selbst über „IMPORT SOURCE“ ein Bild in die Anwendung importiert hat dessen Farben dann benutzt werden. Über „Save Image“ kann wie gesagt ein JPG lokal auf dem Rechner gespeichert werden und möchte man das der Zeichenprozess wieder von vorne beginnt klickt man einfach auf die Leinwand.

Generative Art Session 01

2010-10-28T11:55:00.007+02:00

Generative Art mit Actionscript. Beeinflusst von Erik Natzke. Das ist Teil 1 meiner Versuche mit Code dem Computer beizubringen ansehnliche Bilder zu produzieren. Der Betrachter kann durch importieren von Bildern seiner Wahl die Farbigkeit des Bildes beeinflussen. Wählt man ein Bild aus nimmt die SWF per Zufall Farbwerte aus dem geladenen Bild und zeichnet mit diesen Farben die zu sehenden Strukturen. Lädt man kein Bild in die SWF werden die Farben per Zufall generiert. Die Entstehung eines Bildes dauert theoretisch unendlich lang. Der User entscheidet daher wann ein Bild fertig ist und speichert es einfach zu dem Zeitpunkt ab an dem es ihm gefällt. Es lohnt sich in jedem Fall der Anwendung etwas Zeit zu geben. Durch einen Klick auf die Leinwand werden bereits gezeichnete Strukturen gelöscht.

Folgend eine kleine Auswahl an Bildern die bisher entstanden sind. Alle Bilder sind nicht mit zufälligen Farben entstanden, sondern haben als Grundlage externe Bilder erhalten die ich in die SWF importiert habe. Das Bild in der Mitte rechts hat 6 Stunden gebraucht, das unten rechts nur 5 Minuten.

Colorful Painting

2010-10-20T16:37:00.002+02:00

Ein kleines Experiment mit der Drawing API. 150 Partikel folgen in einem Schwarm der Maus und hinterlassen auf dem Untergrund Linien. Jedes Partikel hat diverse Zufallsparameter erhalten wie es die Linien zu zeichnen hat, wodurch ein möglichst wenig einheitlich wirkender Look erzielt werden soll. Die Farbe wird zu Beginn per Zufall bestimmt und wechselt dann automatisch mit jeder Mausbewegung weiter. Mit einem Mausklick wird alles gelöscht und das Zeichnen beginnt von vorne. Unten links mit dem Button können die entstandenen Kunstwerke als JPG auf der Festplatte gespeichert werden.

Collada 3D Particles

2010-10-16T15:58:00.011+02:00

Der nächste logische Schritt. Nach den letzten Experimenten mit der dritten Dimension wollte ich echte 3D Models laden können. Und genau das klappt jetzt auch. Ich habe dazu einen DAE Import geschrieben mit dem es möglich ist Collada Models (1.4 Schema) in Flash zu laden. Da ein DAE File nichts anderes als eine XML ist, war das Einlesen generell kein Problem. Die größte Schwierigkeit bestand darin an die für mich nötigen Informationen zu kommen. Da ich nur Partikel darstellen will brauche ich nur Positionen und keine weiteren Infos die zusätzlich in der Datei enthalten sind. Nach ein paar Versuchen und einem kleinen Parser ist mir das gelungen. Eine Koordinate bestehend aus X,Y und Z steht für ein Partikel. Da das ganze System recht performant läuft, ist es problemlos möglich 100000 und mehr Partikel und somit recht komplexe Models darzustellen.

Für einen reibungslosen Start habe ich bereits ein Model in die Anwendung integriert. Unglaublich viele kostenlose Collada Models gibt es im Google 3D Warehouse. Dort kann man aus hunderten, wenn nicht tausenden Models wählen und sich direkt eine Vorschau in 3D betrachten. Habt Ihr Euch entschieden, einfach auf „Modell herunterladen“ klicken und dann „COLLADA (.zip)“ auswählen. In der ZIP Datei gibt es einen Ordner „models“ in dem sich dann die DAE Datei befindet die Ihr dann in die Anwendung laden könnt. Habt Ihr nun erfolgreich ein Model geladen, seht aber nix, kann das an der Skalierung liegen. In diesem Fall einfach mit dem Mausrad in die Szene rein, bzw. rauszoomen bis das geladene Model zu sehen ist.

Womit wir auch schon bei der Steuerung sind. Mit dem Mausrad kann wie eben beschrieben gezoomt werden. Mit gedrückter linker Maustaste kann das Model frei im Raum gedreht werden. Unten rechts in der Ecke kann das Model auf der X, Y und Z Achse verschoben werden. Der Button unten links dient dazu neue Models zu laden.
Vorausgesetzt wird der Flash Player 10. Für ein optimales Ergebnis öffnet man die Anwendung am besten in einem neuen Fenster.

Hier noch ein paar Screenshots mit diversen Models die alle bis auf den Dinosaurier von Googles 3D Warehouse kommen. Den Dino hat meine Kollegin Mareike Tölle erstellt. Leider ist die Datei zu groß als das ich die hier mit posten könnte.

Sound Visualizer Sphere

2010-10-12T17:56:00.011+02:00

Nach erfolgreichen Experimenten mit Matrix3D und Vector3D kam mir direkt die Idee einen neuen Sound Visualizer zu bauen. Mit computeSpectrum, leftPeak und rightPeak vom Soundchannel kann man schon anspruchsvolle Equalizer Animationen bauen, bzw. die anfallenden Informationen dazu nutzen Sound sehr vielfältig und individuell zu visualisieren. Ich hatte bereits diverse Versuche in diese Richtung gestartet, unter anderem mit PV3D im Einsatz.
In diesem Fall gibt es eine zentrale Sphere die aus 1024 Partikeln besteht. Jedes Partikel feuert vom Zentrum der Sphere ausgehend einen Strahl nach außen, dessen Länge vom computeSpectrum beeinflusst wird. Die Skalierung der Sphere, bzw. der ganzen Szene geschieht durch leftPeak und rightPeak in Kombination. Wird hier ein bestimmter maximaler Wert erreicht, werden 3 weitere Spheres angezeigt die zufällig platziert im Raum erscheinen. Im Hintergrund arbeitet ein Starfield das ich vor einiger zeit in AS3 übertragen hatte und das jetzt nur noch zusätzlich entsprechend eingefärbt wird.
Über das Mausrad, bzw. die Position der Maus kann man mit der Anwendung interagieren und die komplette Szene um 2 Achsen drehen. Als musikalische Untermalung dient hier der Song „Printer Jam“ von Mistabishi im Barbarix Remix.
Vorausgesetzt ist der Flash Player 10. Für ein optimales Ergebnis öffnet man die Anwendung am besten in einem neuen Fenster.

Edit: Eine kleine Neuerung ist hinzugekommen. Über den „>> LOAD NEW SOUND“ Button ist es möglich nahezu jedes MP3 das auf dem Rechner liegt in den Sound Visualizer zu laden. Der neue Button erscheint erst wenn die Anwendung gestartet worden ist und ist dann unten links in der Ecke vom Sound Visualizer zu finden. Das Laden der MP3’s hab ich mit der Adobe Filereference und dem MP3FileReferenceLoader von Christopher Martin-Sperry realisiert. Hier noch ein schönes Biespiel zu dem Thema.

Edit: Ein weiteres kleines Update. Mit der Möglichkeit eigene Sounds in die Anwendung zu laden wurde es nötig dem User ein Werkzeug in die Hand zu geben um die Empfindlichkeit, mit der die Anwendung auf Sounds reagiert selbst beeinflussen zu können. Wird ein besonders leiser Song/Sound eingeladen kann man die Empfindlichkeit also entsprechend erhöhen um alle Effekte sehen zu können. Der Slider den ich dafür benutzt habe ist Teil der Minimal AS3 UI Components von Keith Peters. Für den aktuellen Sound ist der Slider bereits perfekt eingestellt.

Posterdruck mit Flash

2010-10-07T12:00:00.004+02:00

Warum eigentlich kein Poster in Flash erstellen? Aufgabe war es in sehr kurzer Zeit (ca. 8 Stunden) ein Poster im Format 50x70cm zu erstellen und dieses durch eine Druckerei (A&A Digitalprint Düsseldorf) auf Papier bringen zu lassen. Das Poster sollte ein Mix aus Pixel und Vektor Grafiken werden und mit Vektoren kann Flash ja von Haus aus sehr gut. Nach kurzer Rücksprache mit der Druckerei wusste ich die Eckdaten für die Anlieferung meines Bildes. Das Bild sollte 50x70 cm bei 150 DPI haben, im CMYK Farbraum angelegt sein und als PDF angeliefert werden. 50x70 cm entsprechen 2953x4134 Pixeln. Blöd nur das die maximale Größe eines Flash Files auf 2880x2880 Pixel begrenzt ist, was aber zum Glück kein Problem war. Da Flash ausschließlich im RGB Farbraum unterwegs ist müsste ich das entstandene Bild später eh noch in CMYK umwandeln und somit aus Flash exportieren. Und hier wird’s interessant. Ich habe das Bild in Flash einfach deutlich größer als die Bühne geht gezeichnet. Beim exportieren von Bildern ist Flash die Größe nämlich plötzlich vollkommen egal. So war es nahezu problemlos möglich das fertige Bild in den geforderten 2953x4134 Pixeln als PNG aus Flash heraus zu exportieren und in eine CMYK PSD mit 150 DPI zu importieren. Das ganze hab ich dann wie gefordert als PDF gespeichert und zur Druckerei gebracht. Mit dem Ergebnis bin ich sehr zufrieden. Die Farben kommen super raus und die Konturen sind extrem scharf. In einem entsprechenden Rahmen mit Passepartout wirkt das Bild dann nochmal besser auf den Betrachter. Für ca. 15€ Druckkosten wird das mit Sicherheit nicht das letzte Bild gewesen sein das ich auf diese Weise erstellt habe.

Brownsche Particles 3D

2010-10-07T10:40:00.004+02:00

Und wieder die brownsche Molekularbewegung. Diesmal allerdings in 3D. Die Teilchen, bzw. Partikel können sich diesmal frei innerhalb eines Cubes bewegen. Der gesamte Aufbau lässt sich anhand der Position der Maus rotieren. Dazu einfach mit der linken Maustaste in die Anwendung klicken (linke Maustaste gedrückt halten) und mit der Maus umher fahren. Mit dem Mausrad ist es zudem möglich in die Szene rein und raus zu zoomen.
Die Partikel haben Angst vor der Maus. An der Stelle im Cube, an dem sich der Mauszeiger befindet fliehen die Partikel in alle Richtungen.
Um die dritte Dimension möglich zu machen musste ich mich ganz neu mit Matrix3D und Vector3D beschäftigen. Dieser Prozess ist noch nicht abgeschlossen, weil sehr komplex. Ich möchte mich an dieser Stelle bei Thomas Ersosi und Martin Kraft aus dem Flashforum für ihre Unterstützung und Einführung in dieses Thema bedanken. Hier ist der wie ich finde sehr interessante Flashforum Thread zu finden.
Vorausgesetzt ist der Flash Player 10. Für ein optimales Ergebnis öffnet man die Anwendung am besten in einem neuen Fenster.

Brownsche Particles V2

2010-10-03T19:24:00.008+02:00

Nächste Runde. Nach diversen Optimierungen präsentiere ich hier nun Version 2 meiner Brownschen Particles. Die Partikel folgen dabei der brownschen Molekularbewegung.

Laut Wikipedia wird als brownsche Bewegung (oder brownsche Molekularbewegung) die vom schottischen Botaniker Robert Brown im Jahr 1827 wiederentdeckte Wärmebewegung von Teilchen in Flüssigkeiten bezeichnet. Dabei beschreibt jedes Atom oder Molekül eine Bewegung, deren Ausmaß temperaturabhängig ist. Mehr dazu hier auf Wikipedia.

Die Anwendung läuft immer noch flüssig mit ca. 65000 Partikeln.
Mit der Maus kann man die Partikel in einem bestimmten Rahmen steuern. Die optimale Performance wird erreicht wenn man die Anwendung in einem extra Fenster öffnet.

FOTB 2010, meine Highlights & ein kleiner Reisebericht.

2010-09-30T17:07:00.021+02:00

Wie angekündigt, folgen meine persönlichen Highlights von der FOTB 2010 in Brighton und ein kleiner Reisebericht.

Anreise und Tag 0.

Nachdem ich 2009 nicht nach Brighton kommen konnte habe ich mich dieses Jahr umso mehr gefreut am Sonntag wieder vor Ort sein zu können. Die Anreise war extrem angenehm, denn diesmal ging es von Düsseldorf aus über London/Gatwick nach Brighton und nicht wie bei den letzten Trips über Heathrow. Ich habe mich entschieden mit dem Zug zu fahren, der direkt vom Flughafen aus startet und lediglich 30 Minuten braucht. Es besteht auch die Möglichkeit mit dem Bus zu fahren, aber dieser ist ca. 20 Minuten länger unterwegs und zudem fährt der wohl nicht so häufig (gefühlt alle paar Minuten) wie der Zug.
In Brighton angekommen ging es dann direkt ins Kings Hotel an der Kings Road. In dem Hotel war ich schon 2008 mit einem Kollegen abgestiegen und auch dieses Jahr hatte ich nichts zu meckern. Lediglich die Distanz zum Konferenzgebäude nervt nach ein paar Fußmärschen durch die City und macht es quasi unmöglich in der Mittagspause, oder vor der „Inspired Session“ nochmal im Hotel zu chillen. Beim Einchecken an der Rezeption hab ich dann auch noch direkt meinen Freund Dominic Gräfen getroffen der auch zufällig im gleichen Hotel untergekommen ist. Haben uns dann direkt verabredet um abends zusammen essen zu gehen. Restaurants und Fressbuden gibt’s in Brighton unzählige und entgegen der üblichen Klischees kann man dort hervorragend speisen. Auf dem Weg vom Hotel haben wir dann direkt noch ein paar Flasher um David Lenaerts, Nicolas Barradeau und dem Away3D Team getroffen. Mit vollem Magen und nach interessanten Gesprächen ging es dann in die Altstadt und zum Speakers Hotel, das diesmal direkt am Brighton Dome zu finden war. Nachdem wir ein paar Pubs unsicher gemacht haben sind wir in die Bar vom Speakers Hotel eingekehrt. Dort haben wir meinen Kollegen Frank Reitberger getroffen, der dieses Jahr als Speaker vor Ort war und hatten so die Gelegenheit mit vielen interessanten Flashern zu schnacken. Hab mich dann auch besonders gefreut Marc Thiele vom Flashforum wieder zu sehen und in gemütlicher Runde mit André Michelle an einem Tisch zu sitzen. Ist spät geworden, aber schon der erste Tag in Brighton war auch ohne die erst am nächsten Morgen startende FOTB total super.
Ich will jetzt an dieser Stelle aber auch nicht zu sehr mit Details nerven, weshalb ich die nächsten Tage nicht so ausführlich wie den Tag der Anreise beschreiben werde. Vielmehr gehe ich jetzt auf die Vorträge, die ich sehen durfte und die mir besonders gefallen haben.

Tag 1.

Nachdem ich die Keynote verpennt habe und erst gegen 11 Uhr am Dome war, habe ich mir André Michelles Vortrag „Pulsatile Crackle“ angeschaut. Ich habe schon sehr viele Vorträge von André gesehen und war dieses Jahr natürlich auch in Köln auf der FFK dabei, aber speziell in Brighton lohnt es sich besonders den Klängen zu lauschen die André seinen Experimenten und dem Audiotool entlockt, denn die Soundanlage im Dome ist einfach überragend. Ein super Einstieg also und wie immer ging die Zeit viel zu schnell vorbei.

Danach habe ich mir Mario Klingemann mit „So Long, and Thanks for All the Flash“ angeschaut. Mario wird sich nach eigener Aussage für ca. 1 Jahr nicht mehr auf Konferenzen blicken lassen und so habe ich die letzte Möglichkeit natürlich nicht verstreichen lassen ihn zu sehen. Der Vortrag war super und als es zum Schluss komplett verrückt wurde, weil Mario mit Flash ein reales Puzzle lösen wollte, bieb leider nicht genug Zeit die Session entsprechend zu beenden. Der Zeitraum, der ihm insgesamt zur Verfügung stand war einfach zu kurz.

Nach einer kurzen Pause hab ich mir dann Hoss Gifford mit „Things I have learned“ angeschaut. Ein interessanter Vortrag über eine Person die viele Fehler gemacht hat, aus diesen gelernt hat um jetzt dieses Wissen mit den Zuschauern zu teilen. Konkret ging es hier um Produktivität und wie man z.B. auch im Umgang mit Kunden Fehler vermeiden kann.

Um 16 Uhr war es dann endlich soweit und Robert Hodgin hat seinen Vortag „Practice makes perfect, so what are you practicing?“ gehalten. Nach den letzten Vorträgen 2007, oder 2008 hab ich mich total darauf gefreut und auch diesmal bin ich nicht enttäuscht worden. Es gibt einfach keinen besseren wenn es um Partikelsysteme, Sound Visualisierung und Physics geht!

Magnetosphere revisited (audio by Tosca) from flight404 on Vimeo

In der so genannten „Inspired“ Session hat dann Stefan Sagmeister seinen Vortrag „Design and Happiness“ gehalten. Ich muss an dieser Stelle gestehen, dass ich Stefan Sagmeister zuvor nicht kannte, aber der Vortrag war einfach überragend. Überragend ist evtl. noch untertrieben, denn für mich persönlich war das der mit Abstand beste Vortrag auf der FOTB 2010! Ich war mit Sicherheit nicht der einzige den dieser Vortrag komplett fasziniert hat, denn wenn Stefan gesprochen hat war im Saal alles totenstill und zum Schluss kamen noch sehr viele Fragen auf, die er alle auf der Bühne direkt beantwortet hat. Nicht nur das der Vortrag absolut professionell war, er war auch lustig und unglaublich inspirierend! Es ging dabei-um es kurz zusammen zu fassen- um seine Werke, und wie man als Designer arbeitet, kreativ sein kann und Geld verdient. Wer Stefan Sagmeister also nicht kennt und irgendwann die Gelegenheit hat ihn zu sehen, wahrnehmen!

Und damit war dann auch schon Tag 1 der FOTB 2010 zu Ende was die Vorträge angeht. Im Foyer vom Brighton Dome gab es dann noch bis 0 Uhr ein paar gesponserte Biere, aber ich wollte für den nächsten Tag fit sein und somit hab ich diesmal nicht die Nacht zum Tag gemacht.

Tag 2.

Tag 2 fing mit dem unglaublich guten „Elevator Pitch“ an. 20 Leute haben jeweils 3 Minuten zur Verfügung um Werke Ihrer Wahl dem Publikum vorzustellen. Besonders gut haben mir dabei Nicolas Barradeau, John Dalziel, Erik Pettersson und vor allem Thomas Vian gefallen. Bisher ist noch nicht entschieden wer gewonnen hat, aber ich werde bei der Email-Abstimmung die nächsten Tage für Thomas Vian stimmen, der mich mit seinem „Bleep Bloop Fizzle Zap“, sprich Retro Sound Effects voll überzeugt hat und zudem eine super 3min Show zum besten gegeben hat. Ich kann es kaum erwarten endlich SFXR selber in einem Projekt zu verwenden. Die anderen Teilnehmer und deren Themen können hier eingesehen werden.

Danach folgte der Vortrag von Branden Hall mit dem Titel „HYPE: Combining Creativity & Code“ den ich aber erschreckend schlecht fand, weshalb ich da nicht näher drauf eingehen möchte. Nur ganz kurz, wer ein Animations-Framework präsentiert und dabei nur 3 und dazu noch sehr lausige Beispiele zeigt und recht gelangweilt Dinge erzählt die ein Flasher längst wissen sollte hat einfach was falsch gemacht.

Denn dann kam Joa Ebert mit seinem Vortrag „1 1 7 11 21“ an die Reihe und wow, einfach wieder der Wahnsinn. Joa hat es fertig gebracht einen eigenen Flash Player für Java zu schreiben! Er hat gezeigt wie es mit „Apparat“ möglich ist seine Projekte zu optimieren und zu komprimieren. Das Ganze ist sehr technisch, aber wenn man dann sieht wie sich die Performance verbessert oder Dateigrößen schrumpfen traut man seinem Auge kaum.

Der nächste Vortrag war dann „What the Flux!?“ von Seb Lee-Delisle. Seb ist glaub ich der größte Entertainer unter den Speakern und auch diesmal hat er wieder Vollgas gegeben. Im Großen und Ganzem ging es darum ob HTML5 ein Flashkiller ist, bzw. sein wird. Super fand ich die Quizshow die Seb in seinen Vortrag eingebaut hat in der er 6 Zuschauer auf die Bühne geholt hat und sich auf spielerische Art und Weise hat Fragen beantworten lassen.

Dann gab’s von Mind Candy den Vortrag „Managing a Monster Flash Project“ den ich recht trocken fand und in dem es darum ging ein großes Projekt zu managen.

Darauf folgte dann Nando Costa mit „The Other Side“. Nando ist kein Flasher, sondern ein Grafik Designer und hat in dem Vortrag seine Werke der vergangenen Jahre vorgestellt. Darunter waren verschiedene Werbespots und auch ein Musikvideo zu dem er ein ausführliches Making-of gezeigt hat. Anschließend gab es dann das offizielle und von Nando erstelle Video zur FOTB 2010 zu sehen, das wie ich finde sehr gelungen ist.

Zum Schluss folgte dann wieder eine Inspired Session mit dem Titel „Makers of Things“ von Brendan Dawes. Brendan ist schon ewig lang im Geschäft und hat von seinen Anfängen mit Flash berichtet. Dabei hat er z.B. seine erste Webseite gezeigt, die noch immer online ist und wie er auf Hillman Curtis traf, der ihn zu seiner ersten Konferenz als Speaker mitgenommen hat, was dann sein weiteres Leben beeinflusst hat. Ein super Vortrag und wieder sehr unterhaltsam.

Und schon war auch Tag 2 zu Ende. Nach ein paar Bier im Foyer bin ich mit ein paar Freunden und Kollegen noch um die Häuser gezogen um dann gegen 6 Uhr endlich ins Bett zu fallen. Danke an Roman Hippler, Fabian Aumiller, Anthony Collins, David Ochmann und Frank Weinhold für den geilen Abend!

Tag 3.

Mein erster Vortrag am Mittwoch war „UnitZeroOne :: The Discontinuity“ von Ralph Hauwert. Ein super Vortrag, wie immer eigentlich von Ralph mit wahnsinnigen Beispielen und super inspirierend. Einfach unglaublich was Ralph aus Flash heraus holt mit Pixelbender und Alchemy. Jedes Mal wenn ich einen seiner Vorträge sehe, möchte ich mich am liebsten für ein paar Tage hinter den Rechner klemmen um z.B. eigene Partikel Systeme zu schreiben.

Dann war es endlich soweit. Frank Reitberger hat seinen ersten Vortrag auf der FOTB gehalten und es war ein voller Erfolg. Unter dem Titel „Triangle affairs“ erzählte Frank vor vollem Haus über seine komplexen 2D-Polygonnetze und Triangulierungsmethoden bis hin zur Konstruktion und Erstellung hochauflösender 3D-Oberflächen. Ich kannte bereits Teile des Vortrags aus Köln, aber auch diesmal war ich geflasht und inspiriert. Blobs rocken und ich hoffe dass sich Frank als Speaker weiter fest etablieren wird. Beste Grüße an dieser Stelle.

Danach war dann auch schon Tag 3 und somit leider auch die FOTB 2010 für mich beendet. Mein Flieger ging um 18:10 Uhr und ich musste noch meine Tasche holen. Somit war keine Zeit mehr für die letzten beiden Sessions/Vorträge die ich sehr gerne gesehen hätte. Ich bin dann mit Dominic und Freundin gegen 16:15 Uhr ins Taxi und dann zum Hbf gefahren. Unser Zug fuhr gegen 16:40 Uhr los, so dass wir pünktlich um 17:10 Uhr am Flughafen waren.

Resümee.

Auch 2010 war die FOTB wieder super. Ich persönlich hab wieder viel mitgenommen und hatte extrem viel Spaß. Super, wieder so viele nette Kollegen und Freunde getroffen zu haben. Schade, dass es keine offiziellen FOTB Partys gegeben hat dieses Jahr, aber Brighton hat ein super Nachtleben weshalb dieser Missstand eigentlich sehr gut zu verkraften war. Manch einer mit dem ich gesprochen hatte war der Meinung das dieses Jahr etwas schwächer war als die Jahre zuvor, aber insgesamt betrachtet war es zumindest für mich wieder ein voller Erfolg und ich hoffe im nächsten und dann sechsten Jahr auch wieder mit dabei sein zu dürfen.

Cheers.

FOTB 2010

2010-09-30T00:33:00.002+02:00

Frisch zurück von Flash On The Beach 2010.
Die Konferenz war wieder super. Ich werde die Tage mal eine kleine Zusammenfassung meiner persönlichen Highlights veröffentlichen. Bis dahin gibt’s hier ein paar Fotos die Marc Thiele dort vor Ort geschossen hat und folgend das gelungene FOTB 2010 Intro von Nando Costa.

FOTB 2010 Titles from Süperfad on Vimeo.

Flash 10.1 on Android 2.2

2010-06-30T15:28:00.006+02:00

Im folgenden Video von Android and Me sieht man sehr schön wie die Flash 10.1 Beta 3 auf einem Google Nexus One Smartphone mit Android 2.2 läuft. Die Performance schaut gut aus und auch der Fullscreen Modus kann überzeugen.
Ich bin gespannt wann es Android 2.2 auch für das Motorola Milestone geben wird.

Photorealistisch zeichnen mit Adobe Flash?

2010-06-18T22:35:00.015+02:00

Photorealistisch zeichnen mit Flash?
Ein neuer Versuch...
Diesmal musste James Franco herhalten. Als Vorlage für die Illustration diente ein Filmplakat zum Film „Pineapple Express“, bzw. in unseren Kreisen eher unter dem Titel „An anas Express“ bekannt.
Das ganze ist wieder komplett in der Flash IDE entstanden und ist die bisher mit Abstand aufwändigste Illustration dieser Art die ich angefertigt habe. Insgesammt habe ich für dieses Projekt ca. 28 Stunden gebraucht wobei das zeichnen der Outlines in etwa zwei drittel der Zeit in Anspruch genommen hat.

Ich habe diesmal zusätzlich zu der Illustration ein Making-Of Video erstellt.
Für die Produktion des Videos habe ich ein kleines Flashpanel geschrieben, dass in einem von mir vorgegebenen Intervall einen Screenshot der Flash Bühne erstellt und direkt als PNG Grafik exportiert. Auf diese Weise erhält man Grafiken von dem was man auf der Flash Bühne gezeichnet hat. Mit Hilfe dieses kleinen Tools/Panels ist eine Bildsequenz von gut 6000 Einzelbildern entstanden die ich dann mit Adobe After Effects zu einem Film zusammengefügt habe. Vielen Dank an dieser Stelle an Michael Joschko der mich beim Video erstellen kräftig unterstützt hat.
Die Musik im Video ist von „The Flashbulb“ und trägt den Titel „Passage D“.

Away3D 3.5.0 & 2.5.0 released

2010-04-30T22:01:00.008+02:00

Yeah, ein neues Release von Away3D!
Für den Flashplayer9 und den Flashplayer 10 hat es Neuerungen gegeben und das Away3D Team verspricht z.B. Dank einer neuen render engine mehr Performance. In der „Hacienda demo“ seht ihr die neue Engine im Einsatz.
Und hier noch ein nettes Away3D showcase für 2010:

TweenLite ColorTransformPlugin

2010-03-22T01:05:00.003+01:00

Eine häufig gestellte Frage: Wie blendet man von Farbe A zu Farbe B? Es gibt X Wege eine solche Überblendung zu bewerkstelligen. Besonders einfach und komfortabel geht’s mit Tweenlite und dem ColorTransformPlugin. Im Prinzip braucht es nur 2 Zeilen Code und die Sache steht. Das folgende Beispiel gibt’s HIER als FLA (Flash CS3) zum herunterladen.

Lamborghini Embolado Illustration

2010-03-21T16:00:00.006+01:00

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

2010-03-13T19:45:00.007+01:00

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

2010-03-05T16:25:00.003+01:00

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

2010-03-05T14:14:00.001+01:00

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?

2010-03-01T00:41:00.003+01:00

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

2010-02-27T17:38:00.002+01:00

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

2010-02-21T21:51:00.005+01:00

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

2010-02-18T16:42:00.004+01:00

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

2010-01-30T20:50:00.011+01:00

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

2010-01-18T11:39:00.005+01:00

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.

3D Tag cloud V2

2009-11-27T15:40:00.009+01:00

Hier wie bereits angekündigt eine weiterentwickelte Version der 3D Tag cloud V1. Wie gehabt werden die Daten aus einer XML Datei geladen.
Neu hinzugekommen bei dieser Version sind diverse Features wie das Laden von Bildern um z.B. eine Fotogalerie/Thumbnail-cloud erstellen zu können. Klickt zum betrachten einfach in der Anwendung auf „Test Photogallery“.
Mehr eine Spielerei, aber ich fand den visuellen Effekt sehr schön, ist der Effektmodus der sich rechts unten über die Checkbox auch wieder deaktivieren lässt, falls es jemanden zu viel wird oder die Performance drunter leiden sollte.
Die wichtigste Neuerung ist jedoch die, dass es nun möglich ist in der XML Datei Inhalte zu verschachteln. So kann ein Tag innerhalb der cloud wie gewohnt ein link auf z.B. eine externe Webseite sein, oder jetzt zu einer weiteren Tag cloud führen von der man aus wieder zurück gelangen kann, oder weiter in die Struktur eintauchen kann. Mit dieser Neuerung ist es nun möglich sehr komplexe Inhalte darzustellen und nicht einfach nur eine einzige Tag cloud.
Zum starten der Tag cloud klickt einfach auf das Bild, bzw. den Start Button und ein neues Browser Fenster öffnet sich.
Zum betrachten der SWF braucht Ihr auch hier wieder die neueste Version vom FlashPlayer 10!

iPhone controls flash 3d graphics

2009-11-10T01:39:00.008+01:00

Mit einem iPhone, der neuen Flash CS5 Demo und zu viel Zeit würde ich auch gerne mal rumexperimentieren.

3D Tag cloud

2009-11-09T14:23:00.006+01:00

Beim entwickeln mit Away3D lite ist mir die Idee gekommen eine 3D Tag cloud zu scripten.
Die so entstandene 3D Tag cloud unten ist noch ein früher Prototyp der seine Daten zumindest schon einmal aus einer XML Datei lädt.
In der XML Datei können die einzelnen Tags gesetzt, und über Parameter entsprechend gestaltet werden. So kann z.B. die Schriftgröße frei bestimmt werden, oder man nimmt eine andere Textfarbe. Genauso werden in der XML Datei auch die Textinhalte und Links gesetzt.
Als einziges Beispiel für eine mit Flash erstellte 3D Tag cloud hab ich bisher nur das „WP-Cumulus“ Wordpress-Plugin von Roy Tanck finden können, dass aber recht gut verbreitet zu sein scheint.
Ich werde an meiner Version noch was weiterentwickeln und dann ggf. hier die Source-Files veröffentlichen.
Zum betrachten der 3D Tag cloud braucht Ihr die neueste Version vom FlashPlayer 10.

YouTube Chromless API VS. Flashplayer 10,0,2

2009-10-20T03:14:00.008+02:00

Nach der ersten Begeisterung folgt die große Ernüchterung. Nach diversen kleinen und erfolgreichen Tests wollte ich mit der „Youtube Chromless API“ einen kleinen Schritt weiter gehen. Zeitgleich mit der Youtube API hab ich mir die neue Away 3D Engine für den Flash Player 10 angeschaut, die dank Pixelbender mächtig mehr Speed unter der Haube hat als die aktuelle Version der Papervision Engine. Die Idee war das Youtube Video in ein BitmapData zu zeichnen um dieses als Texture für eine Sphere zu benutzen… Und genau hier bin ich das erste mal auf das Problem, oder besser gesagt, die für mich bisher unbekannte Fehlermeldung gestoßen: „Fehler: http://xyz konnte nicht geladen werden, da als Content-Disposition "attachment" festgelegt war.“

Mit dieser Fehlermeldung konnte ich zunächst gar nichts anfangen und zudem kam noch das Problem hinzu, dass ich den nahezu identischen Code aus der „YouTube Flash Player API Reference“ bereits erfolgreich getestet hatte. Allerdings hatte ich zu Begin aus Bequemlichkeit in der Flash CS3 IDE für den Flash Player 9 gescriptet. Bei „größeren“ Projekten hingegen schreib ich meinen Code am liebsten mit FlashDevelop und kompiliere ihn über die Flex SDK (Ver.: 3.4) entweder für v9 oder v10.
Und genau hier entsteht das Problem. Sobald man für den Flash Player 10 entwickelt wird man spätestens ab Player Version 10,0,2 mit den geänderten Sicherheitseinstellungen konfrontiert. Manch ein HTTP Server sendet einen so genannten „response header“, der wie folgt aussehen kann: „Content-Disposition: attachment“. Das verhindert, dass das zu ladende File abgespielt, bzw. korrekt eingeladen werden kann. Und genau diesen Header scheint der Youtube Server auch zu senden, denn die Youtube API ist nicht mehr in der Lage irgentwelche Videos zu laden. Der Player (+Logo) ist zu sehen und die Methoden kann man auch ansprechen, aber das Laden ist wie gesagt unmöglich.
Der onPlayerError Handler gibt mir zudem die Fehlermeldung „player error: 0“ aus. Laut Referenz sollte es aber nur diese Fehlermeldungen geben: „The possible error codes are 100, 101, and 150.“
Das ganze funktioniert also nur für den Flash Player 9, nicht aber für den 10er Player wegen der geänderten Sicherheitseinstellungen. Das ganze gibts hier schwarz auf weiß!

Bitte korrigiert mich falls ich daneben liegen sollte.

YouTube Chromless API Developers Interview

2009-10-19T12:10:00.004+02:00

Hier noch ein kleines Interview mit einigen Entwicklern von Youtube/Google über die YouTube Chromless API. Dabei ist auch Geoff Stearns, der Flash Engineer vom Youtube Player.

YouTube Chromless API in Aktion

2009-10-15T15:23:00.010+02:00

Endlich ist es möglich ohne größere Umwege Youtube Videos in sein AS3 Projekt zu laden. Auf Google Code gibt es seid kurzem die „YouTube Chromless API“ die dies ermöglicht. Dank der ausführlichen Referenz und 2 kleinen, aber ausreichenden Beispielen fällt der Einstieg sehr einfach.
Ich hab zum testen direkt ein kleines Beispiel gebaut mit einer minimalen Videosteuerung. So kann man das Video abspielen/pausieren lassen und auf lautlos stellen. Natürlich wären alle vom Youtube Player bekannten Steuerelemente möglich, wie sich in der Referenz nachlesen lässt, aber für dieses kleine Beispiel muss das Vorhandene reichen.

Zum testen hab ich noch die Möglichkeit Youtube Videos zu laden mit eingebaut. Man kann das Video entweder über die Video ID, oder die Video URL in den Player laden.

Um ein anderes Video in den Player zu laden müsst Ihr also einfach entweder wie im Bild zu sehen die Video URL kopieren, oder die rot makierte Video ID nehmen und diese unterhalb des Fernsehers in die entsprechende Textbox einfügen und auf „LOAD“ klicken.

Wer mit dem Beispiel aus der Referenz nicht klar kommt und Security Fehler wie „Sandbox-Verletzung“ usw. erhält, der sollte folgende zeile code mit in sein Projekt einfügen:
flash.system.Security.allowDomain( "http://www.youtube.com" );

Footprints in the sand

2009-10-10T01:22:00.006+02:00

Bei der Entwicklung eines kleinen Spiels gab es die Grundidee, dass der Spieler eine Linie zu einem bestimmten Ziel zeichnen muss. Hat der Spieler sein Ziel erreicht folgen der gezeichneten Linie Fußabdrücke und das Level ist beendet.
Genau diesen Part aus der Engine für das Spiel hab ich jetzt dazu benutzt, um mit der Maus Linien in den Sand zu malen und im Anschluss von Fußabdrücken nachgehen zu lassen.
Sieht ganz lustig aus wie ich finde. Zeichnet einfach bei gedrückter Maustaste in den Sand rein. Lasst Ihr die Maustaste los wird die von Euch gezeichnete Strecke abgegangen.

drawSketchedLine

2009-10-09T22:18:00.005+02:00

Eine kleine Spielerei die sicher für den einen oder anderen interessant sein könnte.
Mit den Zeichenmethoden (movoTo und lineTo) der Graphics Klasse kann man nur durchgehende und gleichmäßige Linien zeichnen. Im Netz gibt’s schon sehr viele Lösungen um gestrichelte bzw. gepunktete Linien zu erstellen, aber ich konnte im Web nichts finden um „gemalte“, oder anders gesagt nicht ganz korrekt gezeichnete Linien zu erstellen.
Im Flashforum kam jetzt genau die Frage nach einer solchen Methode/Funktion auf. Die kleine Funktion war schnell geschrieben und kann natürlich auch sehr einfach in eine Methode umgeschrieben werden. Den Actionscript Code und ein paar erklärende Worte zum zeichnen der „sketched lines“ gibt’s hier.
In dem Beispiel unten könnt Ihr einfach mit der Maus wild rumklicken um Linien zu zeichnen. Unten könnt Ihr diverse Parameter verstellen und somit das Aussehen der Linien beeinflussen.

Quick As A Flash

2009-10-09T12:21:00.003+02:00

Grant Skinner hat auf der FOTB09 einen Vortrag gehalten wie man seinen Code optimieren kann um mehr Geschwindigkeit zu erreichen. Die „presentation slides“ von „Quick As A Flash“ sind jetzt online und wirklich für jeden empfehlenswert zu lesen der mehr aus seinen Anwendungen rauskitzeln möchte.
(Gesteuert wird die Präsentation einfach mit den Pfeiltasten)

iPhone Applikationen mit Flash CS5 entwickeln

2009-10-08T11:11:00.009+02:00

Lange mussten wir Flasher warten, aber jetzt endlich kommt mit dem neuen Flash CS5 die Möglichkeit Applikationen für das iPhone zu entwickeln! Hierbei muss aber erwähnt werden, dass man ausschließlich App’s entwickeln kann.
Das iPhone selbst hat weiterhin keinen eigenen Flashplayer und kann entsprechende Webinhalte wie gehabt NICHT darstellen.
Die mit Flash erstellten App’s werden als native iPhone Applikationen exportiert. Für den iPhone User hat das den Vorteil, dass sich diese App’s gegenüber den bisherigen nicht unterscheiden. Alles bleibt wie gehabt und somit entstehen keine zusätzlichen Hürden beim herunterladen bzw. installieren, was für den Vertrieb sicher sehr förderlich sein dürfte. Es gibt sogar schon erste diverse Flash App’s im offiziellen App Store zu kaufen. Weitere Infos zu dem Thema gibt’s hier im Video2Brain Blog oder im folgenden Videoausschnitt von der Adobe MAX 2009.

FOTB09 Trailer

2009-09-27T11:57:00.003+02:00

Nach 2007 und 2008 wäre ich auch dieses Jahr wieder gerne dabei gewesen bei „Flash On The Beach“, aber leider hat es nicht geklappt. Der aktuelle Trailer macht noch mal Lust auf die Konferenz, aber es ist nun mal zu spät. Wer alle Details von der Konferenz in Brighton nachlesen möchte kann dies unter anderem beim Flashmagazin tun.
Nächstes Jahr klappt der Trip nach Brighton hoffentlich wieder.

Mein Dell Inspiron 9400

2009-09-14T10:52:00.004+02:00

Ich bin die letzten Wochen leider kaum zum bloggen gekommen. Das lag zum einen an meinem Urlaub in Frankreich, den ich mal fernab von Computern verbringen wollte und zum anderen an meinem Dell Inspiron 9400 Laptop beim dem jetzt innerhalb von ca. 9 Monaten die Grafikarte schon zum zweiten Mal abgeraucht ist. Das Ganze ist zwar noch ein Garantiefall, aber trotzdem kaum weniger ärgerlich. Jetzt ist das Gerät beim Hersteller zur Reparatur, allerdings ist da im Versand wohl was schief gelaufen weshalb ich noch 2 Wochen länger warten darf bis ich das Gerät wieder in Betrieb nehmen kann. Eigentlich war ich zu Begin echt positiv überrascht vom Inspiron 9400, und da bin ich nicht der einzige. Es gibt viele positive Testberichte im Internet. Doch nach dem zweiten Grafikkarten Crash bei mir und dem 5 Grafikkarten Crash insgesamt bei mir in der Firma bin ich doch wirklich sehr enttäuscht und kann jedem interessierten nur vom Kauf abraten. Mein Gerät, bzw. die Geräte in meiner Firma scheinen kein Einzelfall zu sein. Im Internet kursieren zahllose Erfahrungsberichte über die miesen Grafikkarten und den sehr teuren Reparaturservice wenn man nicht mehr in der Garantiezeit ist.
Klar, inzwischen gibt’s Nachfolgemodelle. Ich hoffe die Leute bei Dell haben bei den Nachfolgern bessere Arbeit geleistet.

Hi-ReS! Stats

2009-08-08T12:39:00.002+02:00

Nicht unbedingt neu, aber für die jenigen die es noch nicht kennen auf jedenfall mal einen Blick wert. Denn mit den Hi-ReS! Stats hat Mr. doob eine schöne, kleine und vor allem kompakte Infobox für Actionscript 3, Javascript und haXe erstellt. Diese kleine Infobox zeigt grafisch und natürlich auch mit Zahlen wie eure Anwendung die Performance rockt.
Vier verschiedene Werte werden hierbei angezeigt. Die FPS (Frames per second), die MS (Millisekunden um ein Frame zu rendern), den MEM (Speicher der gebraucht wird) und den MAX (Maximale Speicherauslastung). Mehr Infos und den download gibt’s HIER.

Adobe Flash Player Version Penetration

2009-08-08T01:59:00.001+02:00

Die aktuelle Verbreitung des Flash Players für Juni 2009.
Laut den Zahlen von Adobe liegt die Verbreitung des Flash Player 9 in Europa bei 98.1% und des Flash Player 10 bereits schon bei 85,8%! Es besteht nach diesen Zahlen also kaum noch ein Grund für ältere Flash Player Versionen zu entwickeln.
Die Actionscript 2 Ära neigt sich endlich langsam aber sicher ihrem Ende entgegen. Wenn es aktuell noch Projekte mit älteren Flash Player Versionen gibt dann sind das zu 90% Bannerproduktionen.
Hier gibt’s alle Zahlen von Adobe.

Red Bull Soapbox Racer

2009-08-08T01:14:00.007+02:00

Die Agentur LESS RAIN hat mit dem „Red Bull Soapbox Racer“ ein beeindruckendes Flash Spiel entwickelt. Neben dem massiven und sehenswerten Einsatz einer 3D Engine überzeugt das Spiel durch eine durchweg schöne Optik, tollen Sounds, Spielspaß, Physik und einer lange andauernden Motivation. So ist es nicht nur möglich sich sein eigenes Renngefährt zu „basteln“, sondern man ist auch in der Lage eigene Strecken zu konstruieren und Freunde zu einem Rennen einzuladen! Mehr Infos zu dem Spiel gibt’s hier. Schaut Euch das Video an und spielt einfach mal los.

Content wieder erreichbar

2009-08-06T18:05:00.002+02:00

Gestern Abend musste ich feststellen das alle SWF Dateien die hier im Blog angezeigt werden und bei Google Sites abgelegt waren nicht mehr laden wollten... warum auch immer?!
Ich hab jetzt fast alle SWF Files auf meinen Server kopiert und die Verlinkung geändert. Es sollte also wieder alles an Content erreichbar sein.
Wenn irgendwo noch was fehlt oder nicht klappt bitte kurz eine Email schreiben.

AS3Dmod

2009-07-24T17:22:00.002+02:00

Wer sich mit Flash und 3D beschäftigt wird mit großer Wahrscheinlichkeit eine der folgenden Engines verwenden. Papervision3d, Away3d, Sandy3d oder Alternativa3d. Mit AS3Dmod hat Bartek Drozdz eine schöne Bibliothek geschrieben mit der man seine 3D Objekte modifizieren kann. Egal welche Engine im Einsatz ist. Aktuell gibt es 7 „Modifiers“, Bend, Noise, Skew, Taper, Bloat, Perlin und Twist. Es gibt sogar eine kleine Doku.

FlashDevelop 3.0.0 RTM

2009-07-11T04:50:00.018+02:00

FlashDevelop ist veröffentlicht worden. Vorbei ist endlich die Beta Phase. FD 3.0.0 RTM ist da! Meiner Meinung nach gibt es kein besseres kostenloses Tool zum Scripten.
FD in Verbindung mit der Adobe Flex SDK ist einfach der Hammer. Seinen Code mit FlashDevelop schreiben und das veröffentlichen der SWF Datei mit der Flex SDK ist super einfach. Wenn man dazu Flash installiert hat, ist es ein leichtes selbst erzeugte „SWC“ Dateien zu nutzen, um z.B. mit der Timeline von Flash erzeugte Shape Tween Animationen in seine RIA einfließen zu lassen.
Screenshots und neue Features zu FD gibt’s hier zu sehen.

Edit:
Eine Übersicht an mehr oder weniger nützlichen FlashDevelop Plugins gibt es hier.

The “Flashy” future of TV

2009-07-11T04:17:00.011+02:00

Anup Murarka von Adobe über die Zukunft von Flash im Einsatz bei Mobiltelefonen und HD Tv's. (Sprache: Englisch):

Video gefunden auf: building43 und Flashforum.

3D Tornado

2009-07-05T21:24:00.005+02:00

Nochmal ein kleines Experiment zum Thema Spirale, bzw. Helix. Diesmal in Form eines Tornados. In diesem Fall wird keine Linie mehr in den 3 dimensionalen Raum gezeichnet, sondern 600 Partikel bewegen sich anhand bestimmter Parameter und bilden zusammen den Tornado. Der Tornado bewegt sich per Zufall über die Erde und mit der Maus könnt Ihr das Szenario drehen und wenden wie Ihr wollt.

3D Helix Random Art

2009-06-30T17:20:00.004+02:00

Wieder eine Spirale, besser gesagt eine Helix. Ich habe probiert die Spirale aus dem vorhergegangenen Beitrag in den 3 dimensionalen Raum zu übertragen und mit Hilfe der Papervision 3D Engine war das innerhalb kurzer Zeit geschafft.
Um den Zeichenvorgang zu starten müsst Ihr einfach auf den „Start“ Button, oder in die Anwendung klicken. Die Linien werden mit der Papervision eigenen Line3D gezeichnet.
Um die Helix zu drehen bewegt einfach die Maus über der Anwendung.
Ab einer gewissen Anzahl an Linien leidet jedoch die Performance. Ihr könnt den Zeichenvorgang aber jederzeit abbrechen indem Ihr auf den „Close“ Button oben rechts klickt.

Helix Random Art

2009-06-29T16:47:00.012+02:00

Hinter dem Begriff „Helix Random Art“ verbirgt sich eigentlich nur eine kleiner Algorithmus der dynamisch und mit verschiedenen Parametern unterschiedliche Spiralen zeichnet. So sind bei jeder Zeichnung Merkmale wie Strichstärke, Farbe, Abstand, Kreisradius usw. verschieden und ergeben so jedes Mal eine einzigartige „Zeichnung“.
Zum starten einfach in die Anwendung, bzw. auf den „Start“ Button klicken.
Um eine neue Zeichnung zu beginnen einfach wieder in die Anwendung klicken und eine neue, andere Spirale wird gezeichnet.

Und hier noch eine Variante in der ein Foto verzerrt wird. Diesmal entsteht der Effekt nicht schrittweise, sondern wird direkt komplett auf das ganze Foto angewandt.

Aviary - „Der Browser als Photoshop-Ersatz“

2009-06-22T01:51:00.017+02:00

Nachdem jetzt sogar schon Spiegel Online über Aviary berichtet hat will ich mich auch mal anschliessen. Also, schaut Euch Aviary unbedingt mal an! :)
In Sachen Bildbearbeitung und kreativen Tools für Bildeffekte bietet Aviary unzählige Möglichkeiten. So ist es z.B. mit dem Peacock Tool von Mario Klingemann möglich mit Modulen auf sehr einfache art und weise Bearbeitungsabläufe zu generieren und somit interessante Bildeffekte zu erstellen. Neben Peacock gibt es noch andere Tools wie Falcon, Talon, Phoenix, Raven und Toucan. Phoenix ist in dem Paket das eigentliche Bildbearbeitungsprogramm und der online Ableger von Adobe's Photoshop. Und dafür das eine Standart Mitgliedschaft kostenlos ist, kann man mit Phoenix, Peacock und den anderen Tools tolle Ergebnisse direkt im Browser erziehlen.
Allerdings ist vieles sehr experimentell und man braucht viel Zeit um sich in bestimmte Tools einzuarbeiten. Besonders bei Peacock schiebt man zu Begin Module wild zusammen und staunt über die fabrizierten und manchmal gelungenen Resultate. Die erzeugten Pixelbilder lassen sich im JPG, Gif, Tiff und PNG Format auf dem Rechner speichern.

Text Effekt mit "getCharBoundaries"

2009-06-19T17:12:00.008+02:00

Ein simpler Texteffekt. Die Besonderheit hierbei ist, dass es sich um echten Text, also ein normales TextField in Flash handelt. Nachdem der Effekt abgelaufen ist kann man den Text selektieren und z.B. per Copy&Paste aus dem TextField holen, wie man das von „normalen“ Texten auch kennt.
Mit der „getCharBoundaries“ Methode ist es seid Actionscript 3 endlich möglich pixelgenaue Positionsangaben von jedem einzelnen Buchstaben in einem Textfeld zu ermitteln.
Ohne diese neue Methode hätte sich der Effekt in dieser Form nicht realisieren lassen.
Als Tween Engine hab ich mich auch hier wieder für TweenLite entschieden.

Um die Animation zu starten klickt einfach auf den „START“ Button unten rechts im Fenster. Unten links könnt Ihr Eure eigenen Texte eingeben.

Fireworks, Japantag in Düsseldorf am Rheintum

2009-06-16T17:44:00.008+02:00

Inspiriert durch das Feuerwerk am Japantag in Düsseldorf hab ich mich mal an einem kleinen Feuerwerk Effekt mit Actionscript 3 versucht.
Nachdem Ihr auf den Startknopf geklickt habt könnt Ihr einfach so oft Ihr lustig seid ins Bild klicken um neue Raketen zu starten.
Zum betrachten braucht Ihr den Flashplayer 9.

Um die Anwedung zu starten klickt am besten hier.

Computational Art, Düsseldorf Rheinturm

2009-06-15T01:50:00.010+02:00

Wieder ein kleines Experiment in Richtung Computational Art. Diesmal zeichnet ein recht simpler Algorithmus mit ein paar bestimmten Bedingungen den Düsseldorfer Rheinturm in ein BitmapData.
Die Zielvorgabe war es mit ein paar groben Pinselstrichen ein Gemälde zu erzeugen. Lasst dem Zeichenprozess nach Start der Anwendung bitte ein wenig Zeit zum „malen“!
Durch einen einfachen Klick ins Gemälde wird der Zeichenprozess neu gestartet.
Zum betrachten braucht es den Flashplayer 9.

Die Klima-Stadt

2009-06-12T17:43:00.006+02:00

Fabian Aumüller hat für Scholz & Friends Interactive die Infoseite „Die Klima-Stadt“ gescriptet.
Das Highlight an der ganzen Geschichte ist die begehbare Stadt. Sehr imposant und vor allem erstaunlich Performance freundlich. Als 3D Engine kommt hier Alternativa 3D zum Einsatz und ermöglicht tolle Kamerafahrten sowie Positionsabhängige Sounds uvm.. Es gibt sogar Auto- und Zugverkehr :)
Schaut mal rein.

Computational Art, CurveTo Color

2009-06-11T04:00:00.006+02:00

Eine kleine Bastelei mit CurveTo und Bezierkurven. Die Farben werden per Zufall erzeugt und die Graphics in ein BitmapData gezeichnet. Mit dem „scroll“ Befehl wird das BitmapData konstant nach oben bewegt. Das ganze mit mageren 7.5 KB.

Computational Art Screensaver

2009-06-09T01:35:00.036+02:00

Das Computational Art Motiv hat sich einfach angeboten einen Bildschirmschoner zu erstellen. An Freeware Tools zum erstellen von Bildschirmschonern mangelt es nicht und so hat die Suche nicht besonders lang gedauert.
Um mein Ziel zu erreichen musste ich jetzt nur wenige Modifikationen an der „Computational Art“ SWF vornehmen.
Die wichtigste Änderung war es die Anwendung für alle möglichen Bildschirmauflösungen fit zu machen und danach stand dem Vorhaben nichts mehr im Weg.

Als Tool zum erstellen für den Screensaver bin ich zum wiederholten Mal nicht an InstantStorm vorbei gekommen. InstantStorm ist ein kostenloses Werkzeug, mit dem sich Screensaver für den PC erstellen lassen. Und das mit allem was dazu gehört, Installationsroutine, Vorschaubild bzw. Vorschau SWF, Passwortschutz und vielem mehr. Dazu gibt’s auch noch einen Guide, der einem bei Bedarf beim erstellen Schritt für Schritt zur Seite steht.

Computational Art

2009-06-05T18:12:00.013+02:00

Computational Art, inspiriert, wie sollte es anders sein von Keith Peters. Keith hatte dieses räumliche Konstrukt Gebilde mit der Drawing API bereits 2003 gescriptet. Ich habe diese pseudo 3D Engine jetzt mal in Actionscript 3 umgesetzt und zeichne alles direkt in ein BitmapData. Die Performance geht seid dem gut ab und die Dateigröße ist mit 7 KB sehr klein. Mit dieser pseudo 3D Engine lässt sich aber noch viel mehr anstellen. Mal schauen was da beim experimentieren in Zukunft noch so bei raus kommt.

Zum betrachten braucht es den Flashplayer 9.

Durch einen Klick in die Anwendung startet Ihr den Zeichenprozess wieder von Vorne.

FileReference.save Example

2009-06-02T04:42:00.022+02:00

Endlich macht die FileReference richtig spaß. Seitdem es beim FlashPlayer 10 die neue save Methode gibt, kann man z.B. selbst erzeugte BitmapData abspeichern ohne einen Umweg z.B. über PHP gehen zu müssen. Nimmt man die Adobe ActionScript 3 Core Library dazu kann man JPG oder PNG Bilder abspeichern.
Für das ganze Speichern braucht es nur wenige Zeilen Code. Ich hab für dieses Beispiel eine kleine Klasse geschrieben die es weiter unten zu sehen gibt.
(Zum betrachten braucht Ihr min. den Flashplayer 10)

Und hier der Code:
(Als Parameter übergibt man das BitmapData Object, den Dateinamen und die Qualiät für die JPG Kompression)
Code und Beispiele gibts ausführlicher aber auch nochmal im Flashforum.

package {
 
 import com.adobe.images.JPGEncoder;
 import flash.display.BitmapData;
 import flash.net.FileReference;

 public class FileManager {

  private var jpgEncoder:JPGEncoder;
  private var fileReference:FileReference;
  
  public function FileManager():void {  }
  
  public function saveImageJPG( bitmapData:BitmapData, fileName:String, quality:int ):void {

   this.jpgEncoder = new JPGEncoder( quality );
   this.fileReference = new FileReference();
   this.fileReference.save( this.jpgEncoder.encode( bitmapData ), fileName + ".jpg" );

  }
 }
}

pv3d.org

2009-05-31T02:18:00.002+02:00

Wenn man sich auf die Suche nach guten Papervision Beispielen inklusive Sources begibt, sollte man unbedingt mal auf pv3d.org vorbei schauen. Fast zu jedem Thema gibt es Beispiele mit Source Code. Jeder Interessierte der sich durch die wirklich große Anzahl an „Examples“ liest ist in relativ kurzer Zeit ein Papervision 3D Experte!

Starfield Warp

2009-05-23T02:21:00.010+02:00

Ein Starfield mit Warp Effekt wollte ich lange schon mal wieder coden. Aber erst mit Actionscript 3 ist das Vorhaben wieder interessant geworden.
Endlich hab ich jetzt die Zeit zum coden gefunden. Als man mit AS1/2 noch maximal 300 Sterne bei mäßiger Performance erzeugen konnte (hier ein Beispiel von 2005: Flashforum Link), so ist es jetzt auf neueren Rechnern ohne große Probleme möglich mehrere zehntausend Sterne zu erzeugen!
Das beste Ergebnis wenn man viele Sterne erzeugen will erzielt man, indem man die Filter über die Navigation deaktiviert. Über die anderen Parameter in der Navigation lassen sich sehr nette Effekte erzielen. Einfach mal ausprobieren! Wenn man z.B. den Wert für "R MIN" vergrößert, wird der Warp Effekt verstärkt. Bitte beachten: wenn man die Anzahl der Sterne verändert gehen die anderen Einstellungen verloren.
Um sich das ganze anschauen zu können benötigt man min. den Flashplayer 9.

Flash im neuen Star Trek Film

2009-05-20T11:30:00.004+02:00

Flash mal ganz anders. Für den neuen Star Trek Film hat die Firma OOOii die Interfaces z.B. auf der Brücke der Enterprise mit Flash erstellt! Auf Youtube gibt’s dazu ein Interview mit Kent Demaine, dem Gründer von OOOii und Dave August, dem Entwickler der Interfaces.
Auf TheFlashBlog berichtet Lee Brimelow ebenfalls über dieses sehr interessante Thema.
Also wenn das mal kein cooler Flash Job ist dann weiß ich auch nicht. Ich will auch Interfaces für Hollywoods Traumfabrik erstellen! :)

Perlin Noise Planetarium

2009-05-18T00:32:00.010+02:00

Ein kleines Experiment mit Papervision und Perlin Noise.
Um eine kleine Dateigröße zu erzielen kam mir die Idee die Texturen von Planeten in einem fiktiven Sonnensystem mit Actionscript zu erzeugen.
Und was könnte sich dazu besser eignen als Perlin Noise. Das Planetensystem war dann schnell und komfortabel mit Papervision erstellt.
Mit ordentlichen Texturen, also importierten Bildern wär die Datei in etwa 2MB groß geworden! So erzeugt eigentlich nur das Hintergrundbild ein paar KB (ca. 100KB Dateigröße).
Mit der PerlinNoise Methode, einem BlurFilter und einem ColorTransform Filter erzeuge ich 1024 * 512 Pixel große Textur BitmapData’s. Diese benutze ich dann einfach um ein in Papervision übliches BitmapMaterial zu erzeugen, welches dann auf die Sphere, also den Planeten angewendet wird.
Abhängig von der Y-Achse der Mausposition kann man den Winkel der Aufsicht auf das Planetarium bestimmen. Klickt man einen der Planeten an so gibt’s eine Kamerafahrt zu diesem. Wenn man während die Kamerafahrt noch läuft einen anderen Planeten anklickt wird der Kurs entsprechend verändert. Ist die Kamerafahrt beendet und man klickt erneut auf den Planeten, oder daneben zoomt das Planetarium wieder zurück zur Ausgangsposition. Mit dem Mousewheel kann die Zoomstufe frei eingestellt werden wenn kein Planet im Fokus ist.

Achtung. Nachdem die Anwendung gestartet worden ist kann es ein paar Sekunden dauern bis die Texturen erzeugt sind und die Planeten sichtbar werden.
Flash Player 9 oder neuer vorausgesetzt.

Tweening Engine Comparison Tool

2009-05-15T12:49:00.003+02:00

Wer mal wieder nachgrübelt welche der zahlreichen Tweening Engines für das aktuelle Projekt zum Einsatz kommen soll, der findet mit dem Speed Test von Green Sock ein super Tool. Mit diesem Tool ist es möglich alle wichtigen und bekannten Tweening Engines zu vergleichen und zu testen. Das Tool ist nicht neu, aber immer auf dem neuesten Stand. Die Performance Unterschiede der Engines sind zum Teil sehr groß, weshalb sich ein solcher Testdurchlauf in jedem Fall lohnt.
Ein anderes Tool zum testen von Tweening Engines ist das Moses Benchmarking Tool - TweenBencher.
Eine Übersicht über alle wichtigen Tweening Engines gibts z.B. hier.

Flash CS4 Professional Update

2009-05-15T12:33:00.002+02:00

Adobe hat ein kostenloses Update für Flash CS4 rausgebracht mit dem viele Bugs der ersten Generation beseitigt werden können. Eine Übersicht der Fehler im Programm gibts hier.
Für Flash CS4 Benutzer lonht sich der etwa 30MB Download also in jedem Fall.

FWA - Die Favourite Website Awards feiern

2009-05-13T12:00:00.008+02:00

Herzlichen Glückwunsch an die FWA (Favourite Website Awards) Leute für 50 Millionen Seitenbesuche!
Aus diesem Anlass gibts eine besondere Aktion, nämlich die FVA, die Favorite Visitor Awards.
Die ganze Aktion ist schön gemacht und vor allem interessant umgesetzt worden. So ist es möglich sich mit seinem Facebook Profil zu verbinden und bestimmte Daten, z.B. sein Userbild für die FVA zu übernehmen.
Mit der "Actionscript 3.0 Library for Facebook" geht aber noch viel mehr in diese Richtung. Werde ich mir die Tage auf jedenfall mal genauer anschauen das Package und eine Runde mit rumexperimentieren.
Zurück zu den FWA. Herzlichen Glückwunsch nochmal und auf weitere 50 Millionen Seitenbesuche! Cheers

CurveTo Art

2009-05-11T18:04:00.004+02:00

Ein kleines Experiment mit der Flash Drawing API. Mit dem curveTo Befehl werden X Bézierkurven in ein Sprite gezeichnet und genau dieses Sprite wird dann mit draw() in ein BitmapData geschrieben bevor dann die graphics im Sprite wieder mit clear() gelöscht werden. Das ganze läuft sehr performant, weshalb es ohne Probleme möglich ist mehrere 100 Punkte zum berechnen der Bézierkurven hinzuzufügen.

Unten können über diverse Eingaben die Einstellungen verändert werden. Hier gilt es einfach mal wild rum zu probieren.

Illustration mit Flash

2009-05-09T03:36:00.004+02:00

Noch mit Flash 4 erstellt habe ich dieses alte Schätzchen auf einer verstaubten Festplatte wiedergefunden. Nachdem ich zuletzt den Datasette Preloader in CS3 gezeichnet habe muss ich feststellen, soviel hat sich gar nicht verändert seid dem. Selbst mit den ziemlich beschränkten Zeichenwerkzeugen von Flash lässt sich mit etwas Übung so ziemlich alles hinzaubern.

Perlin Voxel Landscape

2009-05-05T11:35:00.006+02:00

Und wieder eine Landschaft. In diesem Fall hab ich auf die Particle-Engine verzichtet und stattdessen eine kleine Voxel-Engine geschrieben. Neu ist ein z sorting um korrekt angeben zu können welcher Voxel im Vordergrund zu sehen ist und welcher evtl. hinter einem anderem Voxel versteckt ist.
Es gibt zu den gewohnten NumericSteppern zum verstellen der Parameter zwei neue NumericStepper um die Neigung und die yPos zu verstellen.
Zusätzlich gibts jetzt auch endlich einen Close Button, damit die Anwendung für den Fall das man sie nicht mehr anschauen möchte keine Performance frisst.

Perlin Noise Landscape

2009-04-30T16:33:00.004+02:00

Und nochmal PerlinNoise. Ich hab nochmal kräftig optimiert und konnte doch noch einiges rauskitzeln an Performance. Die SWF läuft jetzt deutlich flüssiger und die Drehung ist jetzt auch sauber. Die Partikel, mit den standart Einstellungen übrigens über 25000 Stück, werden jetzt mit Hilfe eines Gradienten eingefärbt. So soll der Eindruck entstehen das die Partikel eine Landschaft darstellen. Über den neuen Numeric Stepper "Color" können diverse Color Schemes ausgewählt werden.

FFK09 Fotos

2009-04-30T14:45:00.004+02:00

Ganz frisch. Marc Thiele hat grad die ersten Fotos von der Konferenz bei Flickr hochgeladen. Hier gehts zu der Flickr Fotogalerie.
Zudem hat Marc auch einen Beitrag im Flashforum veröffentlich in den alle Teilnehmer der Konferenz ihre eigenen Fotos, bzw. Links zu ihren Fotos posten können.

Hobnox Open Source

2009-04-30T13:52:00.003+02:00

Echt super. Die Entwickler vom Hobnox Audiotool, André Michelle, Alan Ross, Joa Ebert und Kai-Philipp Schöllmann haben eine Seite ins Netz gestellt auf der man nützliche Libraries und Source Code bekommt.
Wer das Audiotool und dessen Entwickler kennt wird sich besonders freuen.
Als erstes wird das "UIEvent" vorgestellt und die Sources kann man sich direkt ziehen. Sehr interessant!
Ich bin gespannt was dort als nächstes auftauchen wird.

FFK09

2009-04-30T13:28:00.005+02:00

Und schon ist die FFK09 auch wieder vorbei. Besonders die Vorträge von André Michelle, Joa Ebert, Mario Klingemann, Nicolas Cannasse, Rainer Michael und Frank Reitberger haben mir gut gefallen. Den Vortrag "Silverlight 3 – Sneak Preview" von Steffen Ritter und Oliver Scheer fand ich allerdings total überflüssig auf einer "Flash" Konferenz. Insgesamt fand ich die Bandbreite an Vorträgen dieses Jahr etwas schwächer als die Jahre zuvor. Dazu kam noch, dass ich diverse Vorträge schon auf der FITC in Amsterdam gesehen habe.
Aber als ganzes betrachtet war die FFK09 auch dieses Jahr wieder echt super.
Habe viele Freunde, Bekannte und Kollegen getroffen und kennengelernt. Und die Hobnox party hat auch wieder Spaß gemacht. Ich freu mich schon auf die FFK10! :)

Perlin Noise Waver V2

2009-04-27T18:38:00.004+02:00

Ich hab noch etwas optimiert und neue Features hinzugefügt.
So ist es jetzt unter anderem möglich die "Landschaft" zu drehen und über die Numeric Stepper unten am Rand der SWF diverse Parameter einzustellen. Vorsicht mit den Octaves, denn hier gehts sehr schnell auf die Performance.

FFK09

2009-04-23T17:24:00.005+02:00

Lange ist es nicht mehr hin. Ich freu mich Dienstag und Mittwoch ( 28.-29. April ) auf der Flashforum Konferenz in Köln dabei sein zu können. Wie in den vorhergegangenen Jahren bin ich auf die Vorträge und Sprecher gespannt und hoffe möglichst viele Flasher Kollegen wieder zu treffen.
Für alle die zur Konferenz wollen und noch kein Ticket ihr Eigen nennen können: "Vergesst es!" Alle Tickets sind schon länger ausverkauft. Nächstes Jahr früher drann denken! ;)

Klassischer Perlin Noise + Displacementmapfilter

2009-04-23T15:59:00.003+02:00

Ein Klassiker. Wollte das ganze nur mal in Actioscript3 umsetzen. Es kommen Perlin Noise und ein Displacementmapfilter zum Einsatz um das Bild zu verzerren.

Perlin Noise Waver

2009-04-23T14:34:00.004+02:00

Ich hatte diesen Effekt neulig beim rumstöbern auf der Seite von Keith Peters entdeckt, genauer im alten BIT-101 LAB. Netterweise stellt Keith alle FLA Dateien aus der Zeit vom alten BIT-101 LAB frei zu Verfügung. Natürlich musste ich mir die FLA direkt runterladen und mir erstmal alles genau anschauen. Wieder mal sehr erstaunlich mit wie wenig Zeilen Code man ein solch schönes Ergebnis erzielen kann. Ich habe den Code von Actionscript2 zu Actionscript3 übersetzt und noch an ein paar kleinen stellen versucht zu optimieren. Zudem wollte ich lieber Linien haben als ein Grid aus Punkten wie im Original. Die Idee hinter dem ganzen ist sehr simpel. Von einem mit Perlin Noise generiertem Bild werden bestimmte Farbwerte ausgelesen. Diese Werte werden dazu benutzt die Partikel entsprechend einzufärben und zu positionieren.

Preloader Spaß

2009-04-20T14:55:00.009+02:00

Neulig bin ich über ein Bild der guten alten Datassette, einem Speichermedium vom legendären Brotkasten, dem C64 gestolpert und mußte direkt drann denken wie das ganze wohl als Preloader funktionieren könnte.
Gestern hatte ich endlich mal etwas Zeit übrig, und so habe ich mir Bildmaterial besorgt und den Datenrekorder sowie die Kassette/Datassette in Flash illustriert. Nach ein paar Stunden Arbeit hatte ich 2 Illustrationen, die ich dann nur noch mit einer Preloader Logik ausstatten mußte und schon war er fertig, der C64 Datassette Preloader. Die SWF ist schmale 30KB klein und somit Preloader tauglich. Ich finde das Ergebnis ist schön geworden und habe den Preloader mal an Pretty Loaded geschickt.
Ich bin sehr gespannt ob es denn mein Preloader auch in die exklusive Auswahl schafft.

Flash on the Beach Brighton 09

2009-04-03T16:58:00.002+02:00

2007 und 2008 waren der Hammer. Zu gerne würde ich auch wieder dieses Jahr nach Brighton fliegen um an der Konferenz teilzunehmen.
Leider sieht es dieses Jahr schlecht aus. Es ist einfach super viel zu tun und ob anyMOTION GRAPHICS nochmal den Tripp dorthin sponsort ist zumindest dieses Jahr sehr fraglich. Vielleicht gewinn ich ja ein Ticket für 2009. :)

Napalm Particles

2009-04-03T16:10:00.005+02:00

Ein kleine Spielerei. Natürlich mit Partikeln. In diesem Beispiel werden ca. 468 Partikel erzeugt die untereinander eine Collision Detection haben und auch mit den anderen Gegenständen auf der Stage kollidieren können. Das ganze ist als Mousefollow angelegt. Würde man die Collision Detection für die Partikel untereinander entfernen wäre es ein leichtes die zehnfache Anzahl von Partikeln ohne performance Probleme auf die Stage zu bringen, aber das wär ja langweilig. Die einzelnen Partikel werden in ein BitmapData gezeichnet und darauf wird den ein Blurfilter gezeichnet. Um das ganze etwas "realistischer" aussehen zu lassen wird das BitmapData zusätzlich noch permanent gescrollt. Wenn Ihr die linke Maustaste gedrückt haltet sind die eben angesprochenen Effekte deaktiviert und man sieht schön die Flugbahnen aller Partikel.

Schiebepuzzle

2009-04-03T14:11:00.009+02:00

Ein kleines Schiebepuzzle in Actionscript2 umgesetzt. Ein Kunde wollte ein solches Spiel haben und beim umsetzen hab ich gemerkt das es noch einfacher war zu realisieren als eh schon vermutet. Das Puzzle ist voll dynamisch und man kann theoretisch mit einer riesen Anzahl an Spielsteinen spielen. Hier in dieser Variante sind es 5 * 5 Spielsteine. Vielleicht hat ja jemand Spaß auf eine wilde rumklickerei und schafft es das Puzzle zu lösen ;)

ActionScript Wiki

2009-04-03T11:25:00.002+02:00

Joa Ebert hat vor wenigen Tagen ein Actionscript Wiki gestartet mit tollen code snippets, data structures und super Tipps zum optimieren von ActionScript.

Tsunami Navigation, Actionscript 3, +Sources

2009-02-25T01:39:00.009+01:00

ich hab die tage eine kleine "tsunami navigation" klasse geschrieben. im umlauf sind fast nur as1/as2 versionen, recht unschön zu handhaben und teils doch schon etwas in die jahre gekommen. die frage nach einer solchen navigation in as3 kam schon öfters im flashforum, also hab ich mich mal hingesetzt und ein kleines as3 projekt draus gemacht. die ergebnisse hab ich im flashforum gepostet. ich hab alle nötigen files dazu gepackt, so dass ihr die navigation direkt nutzen könnt wenn ihr wollt. in der fla, bzw. im flashforum thread sind erklärungen welche methoden es gibt und wie man die tsunami klasse einsetzt. aktuell nehmt ihr am besten V6 (bzw. das aktuelle release), jedenfalls dann wenn ihr die neueste version mit allen funktionen haben wollt.

Zurück von der FITC Amsterdam

2009-02-25T01:26:00.003+01:00

nachdem ich jetzt fast 2 jahre nicht mehr hier geblogged habe will ich mal wieder anfangen.

ich probier ab sofort wieder regelmäßig neue beiträge zu schreiben :)

ich bin grad ganz frisch von der fitc in amsterdam zurück. war eine echt schöne konferenz mit vielen interessanten speakern und einer schönen party im anschluss. amsterdam ist ja ohnehin immer einen besuch wert.
details folgen.

Tree Growth V2 Color Edition

2007-01-30T01:01:00.000+01:00

Eine farbige Variante der Treegrowth V2 Engine. Ich habe den Hintergrund aus einem Google Bild gebastelt. Das Blattwerk wird mit 11 PNG Grafiken erzeugt, die über Zufalls-Parameter ein einzigartiges Bild generieren. Der Zufall kann komische Bäume ausspucken, aber der größte Teil kommt einem realistischen Look schon recht nah.

Zwei neue Projekte sind Online

2007-01-28T04:05:00.000+01:00

TreeGrow V2 ist eine aufgebohrte Version meiner alten Treegrow Engine. Auch hier wird wieder das Baumwachsutm simuliert, aber diesmal wesentlich performanter dank des bitmap Objekts was seid Flash8 mit an Bord ist. Jetzt können unendlich viel Bäume mit bis zu 30000 von Zufall angeordneten Teilen gezeichnet werden.

Inspiriert von der 3D Engine auf der Dixie Chiks Website habe ich mich entschlossen meine eigene 3D Engine zu programmieren. Es stellte sich raus das es schwieriger als gedacht war, aber nach vielen Hindernissen gibt es jetzt eine erste zeigbare beta Version. Die Karte wird mit der Maus bewegt. Wenn man mit der Maus zu dem roten Kreuz fährt hört die Bewegung auf.

Flashforum Konferenz 2006

2006-11-09T17:44:00.000+01:00

Ich bin dabei. Wie bei den letzten Treffen ist die Konferenz dieses Jahr auch wieder in Düsseldorf. Als Flashforum Moderator werde ich ein paar administrative Aufgaben übernehmen. Ich bin besonders auf die Vorträge von Sven Busse, Joa Ebert, Jens Franke, Matthias Kannengießer, André Michelle und Thomas Wagner gespannt.
Wir sehen uns dann am 19. und 20. November auf der FFK06.
Alles weitere zur FFK06 erfahrt Ihr auf: http://www.flashforum.de/ffk06/