Warum haben wir uns auf unserer Webseite für Partikel entschieden? Die Partikel stehen symbolisch für das Team, den Spirit und die Energie der Powerflasher. Sie sind flexibel und passen sich agil den unterschiedlichsten Formen an. Außerdem sind sie schön anzuschauen und es macht Spaß mit ihnen zu spielen. Die Darstellung von Partikelströmen in Flash war eine tolle Herausforderung.

Wir setzen zwei Sorten von Partikeln ein.

1. Beim Rollover Effekt der Buttons werden Partikel in Pixelgröße eingesetzt. Diese wurden auf der Basis des Flint Partikel Systems umgesetzt.
2. Zwischen dem Hintergrund und den Inhalten bewegen sich Partikelströme in dreidimensionalen Raum. Die Tiefenwirkung entsteht durch den Einsatz von Flächen mit variierender Unschärfe. Diese Partikel sind hausgemacht.

Zu den hausgemachten 3D Partikelströmen.

Es gibt folgende Bewegungen:

• Zielpositionen in einem Screen ansteuern
• Der Maus folgen
• Anzeigen einer Form
• Interaktion mit Sound

So ergibt sich ein steter Wechsel an Interaktion. Die Ströme orientieren sich an den leitfarbenen Flächen der Inhalte, interagieren mit dem User, formen individuelle Hintergründe und synchronisieren ihre Bewegungen mit der Hintergrundmusik.

Ziel war es hohe Geschwindigkeiten über den gesamten Screen zu erreichen. Um schnell layouten zu können sollte die Konfiguration einfach sein.

Details zur Programmierung:

Optimierung der Render Performance

• Alle Partikel (Größe und Farbe) werden als Vektor von BitmapData vorberechnet
• Der Zugriff auf ein Partikel ist sehr effizient: circleParticles.particleImage[colorBucketIndex + imageSizeIndex]
• BitmapData liegt über der gesamten Bühnengröße. Um den Flash Redraw optimal klein zu halten wird immer der Bereich gespeichert, wo zuletzt Partikel waren (top-left/ bottom-down)
• Nur dieser Bereich wird gelöscht (BitmapData.fillRect) -> dadurch wird ein optimal kleiner Redraw erreicht (Siehe DebugPlayer -> Show Redraw Regions)
• Insgesamt kostet der Redraw von 1000 Partikeln so höchstens 8ms (MacBook Pro 4.1)
• Es erfolgen nur sehr wenig Methodenaufrufe
• Es laufen nur 2 Schleifen über alle Partikel (Bewegung und Rendering)

Form und Bewegung

• Formen definieren für jedes Partikel eine Zielposition, die sich in jedem Frame auch ändern kann (z.B. drehende Formen, Mouse follow)
• Jede Form hat eine Anzahl an benötigten Partikeln
• Die Engine hat immer eine aktuelle Form, aber Partikel können auch noch in alten Formen feststecken, da sie nur nach und nach rausgelassen werden. So entsteht unter anderem das Strom-Verhalten
• Unterscheidet sich die Anzahl der benötigen Partikel, lässt die Engine Partikel sterben oder klont Partikel, ohne dass der Betrachter dies bemerkt
• Jedes Partikel bemüht sich nun pro Frame seine von der Form vorgegebene Zielposition zu erreichen
• Bei dem Übergang in die Views wird die Form aus dem Zielbild berechnet (z.B. alle Partikel zu den roten Farben)
• In den Views wird nach 10 Sekunden die Form aus 3d Funktionen errechnet und mit Assets (Linien, Dreiecke) ergänzt, auch hierbei werden alle Partikel in nur einer Schleife ohne Methodenaufrufe verarbeitet
• Die Definition und  Zuweisung der Formen erfolgt programmatisch und ist nicht sehr geschwätzig

Gestern trafen wir uns zum Entwickler-Stammtisch in der Monoheidi. Unser Kollege Jan hat bei dieser Gelegenheit seine Phidgets mitgebracht.

Phidgets sind physikalische Steuerelemente und Regler die sehr einfach mit einer Applikation (z.B. in Flash) auf dem Computer verbunden werden können.  Es gibt Taster, Schiebe- und Drehregler, Jog Dials, Stellmotoren, Displays, Temperaturfühler, Lichtmesser und vieles mehr. Ein paar von uns haben dann aus dem Stehgreif vor Ort mal eben in AS3 ein Pong Spiel das mit zwei Schiebereglern gesteuert wird gescripted.

Nach dem offiziellen Release von Powerflasher V3 traf sich fast das gesamte Team auf ein “Feierabendbier.” So jedenfalls nannte man es offiziell, als die Powerflasher mal wieder ihre Partytauglichkeit unter Beweis stellten.

Hier ein paar Eindrücke.

Dafür haben wir zuvor auch unsere gesamte CI (nach über 13 Jahren) inklusive neuem Logo überarbeitet und die gesamte Kommunikation darauf angepasst. Das gesamte derzeitige Ergebnis dieses Strategieprozesses mit der Aufteilung in die drei Units Agency, Solutions und Labs sowie deren Geschäftsfelder, kann man nun auf der neuen Seite und in unserer Unternehmensbroschüre sehen. Sind wir nun damit fertig? Nein, aber inzwischen wissen wir, dass wir das auch niemals sein werden – und das gefällt uns gut.

Unsere bisherigen Auftritte waren bislang eher laut, verspielt und die Technik stand stark im Vordergrund: V1 war 1999 eine der ersten 3D Websites und V2 war 2003 der erste interaktive Videofilm als Website. Unser primärer Anspruch an V3 war es u.a. die Designkompetenz von Powerflasher hervorzuheben, die wir bislang nur bei Kundenprojekten wie z.B. www.converse.de zeigen durften (und dafür stolz mit dem IF Design Communication Award Gold ausgezeichnet wurden).

Dabei ist die Technik in unserem multilingualen, volldynamischen Relaunch nicht weniger innovativ. Sie tritt aber in den Hintergrund um Inhalt und Emotionen wirken zu lassen. Als Geek im Herzen möchte ich die Aufmerksamkeit auch auf die Funktionen der Vor-/Zurückbuttons im Browser lenken und setzt einmal Bookmarks auf Unterseiten der Flashanwendung.

Es war wahnsinnig schwer sich vor lauter Ideen und Möglichkeiten zu reduzieren. Aber ganz im Sinne unserer agilen Arbeitsweise sind wir auch noch lang nicht fertig. Weitere Versionen auf der Basis von V3 sind hiermit versprochen. Wir haben noch viele Verbesserungen im Kopf und wollen Euch mehr über das Team erzählen. Vor allem soll neben diesem Blog auch unsere Seite mehr Transparenz in unseren Kreativ-Turm bringen.

Genug der Worte, wir sind gespannt auf Eure Meinung und Feedback. Hiermit stellen wir Euch unsere Partikel vor. Sie sind für uns die Powerflasher Energie, das Team, der Wandel und noch viel mehr. Viel Spaß beim Erkunden der neuen www.powerflasher.de.

Laubbaum

Welch ein Spass! Heute gab es  den ersten Test mit den Bäumen. Gerade sind wir in ein wunderschönes Projekt involviert.  Bei dieser Sequenz einer Installation geht es darum, Bäume den Posen von Spielern zuzuordnen. Dieser Teil entsteht im Zusammenspiel mit vielen anderen Parteien.  Zu gegebener Zeit mehr darüber.

Ein kleiner Busch wenn sich  gerade mal nichts tut

Eine Tanne

Und die Palme

Unsere Video Crew drehte am Wochenende eine kleine GreenScreen Produktion.

Hier sind ein paar Impressionen.

Der Kunde hat sich unter anderem eine Szene mit Fußballspiel gewünscht. Eine besondere Herausforderung innerhalb eines 2×2 m Aktionsradius.

.

.

Kommt.

Letzte Woche fand in Amsterdam die diesjährige FITC statt. Die Powerflasher waren neben dem FDT-Team auch mit einigen Grafikern und Entwicklern vertreten. Michi berichtete bereits in einem separaten Blogpost über seine Eindrücke bezüglich FDT. In diesem Beitrag haben Meinhard und ich euch unsere Eindrücke sowie weiterführende Informationen zu einigen interessanten Sessions zusammengetragen.

Wir sind bereits am Sonntag angereist und hatten somit genug Zeit uns umzuschauen und die zahlreichen Bars und Kneipen in der Innenstadt unsicher zu machen. Da es draußen wirklich sehr kalt und ungemütlich war blieb uns auch nicht viel mehr übrig. Die Konferenz startete am Montag Morgen mit der Adobe Keynote. Richard Galvan und Mark Anders zeigten Features des neuen Flashplayers 10.1 sowie dessen Lauffähigkeit auf den unterschiedlichsten Devices. Des weiteren wurden auch wahnsinnig innovative Coding Features der neuen Flash IDE CS5 gezeigt, wie zum Beispiel automatische Imports.

Im Anschluss sprach Wesley Grubbs in seinem Vortrag “Making Meaningful Data Meaningful” über die Visualisierung großer Datenmengen. Besonders spannend war die iterative und experimentelle Herangehensweise mit der er Schritt für Schritt die Daten auf das Wesentliche reduzierte. Die Ergebnisse haben mir das Thema sehr schmackhaft gemacht. Hier einige der gezeigten Beispiele.

Danach konnte ich erstmalig Grant Skinner in echt und Farbe sehen. Er hat in seiner Session “Quick as a Flash” zahlreiche Möglichkeiten aufgezeigt, um die beste Perfomance aus einer Flashanwendung herauszuholen. Dafür hat er Performancetests durchgeführt und ansprechend aufbereitet. Hier habe ich für zukünftige Projekte sehr viel Wissenswertes mitgenommen. Seine Folien stehen online zur Verfügung und sind mehr als einen Blick wert!

Mit großen Erwartungen bin ich in den Vortrag von Javier Julio zum Thema PureMVC gegangen. Da wir bisher Parsley als Application Framework einsetzen, war ich gespannt was PureMVC als Alternative zu bieten hat. Insgesamt konnte ich große Ähnlichkeiten zu unseren Workflows erkennen, mit dem Unterschied, dass in PureMVC viel mit Vererbung und statischen Zugriffen gearbeitet wird. Auch das Eventsystem gefällt mir in Parsley besser. Interessant fand ich die strikte Trennung zwischen Viewkomponenten und Mediatoren. Die Folien und Sourcen hat Javier zum Download bereitgestellt.

Seb Lee-Delisle hat in seiner Session “Work/Play” Einblicke in seine vielfältigen Projekte gegeben. Nachdem er zu Beginn für mein Befinden etwas zu lange von seiner neuesten Aktion “I will, actually, pay your parking ticket!” erzählt hat, gewann die Session deutlich an Fahrt. Mit viel Witz zeigte er seine Ansätze zur Motion-Detection, Spiele und 3D-Anwendungen in Verbindung mit 3D-Brillen. Dabei war das Publikum immer voll integriert und konnte selbst ausprobieren.

Am zweiten Tag präsentierten in der “Cool Shit Hour” 5 Speaker in jeweils 10 Minuten geile Scheiße. Am meisten beeindruckt hat mich dabei Didier Bruns, der seine Spracherkennung in Flash anhand eines SingStar Klones zeigte. Wirklich erstaunlich was mit dem neuen FlashPlayer 10.1 möglich ist. Ein Video seines Beitrags könnt ihr euch auf Vimeo anschauen.

Soweit zu den technischen Themen. Visuelle Eindrücke könnt ihr auf Flickr erhalten. Später folgt noch ein Blogeintrag zum Thema iPhone Entwicklung sowie ein weiterer zu den kreativen Themen.

Foto von Marc Thiele

Ein sehr gut besuchter FDT Messestand, ein FDT Vortrag mit vielen Neuigkeiten und eine FDT Pure Lizenz für jeden Gast. FDT war bei der FITC Amsterdam in diesem Jahr so stark vertreten wie noch auf keiner Konferenz zuvor. Unser FDT Messestand, an dem wir Besuchern FDT und vor allem die neuen Features von FDT 4.0 Milestone 1 präsentierten, wurde zahlreich besucht.

Teilnehmer konnten auch im FDT Testcenter die neuen Features, wie zum Beispiel den Profiler, selbst ausprobieren. In jedem Goody-Bag, welches jeder Besucher erhielt, befand sich eine FDT Karte. Füllte man diese aus und warf sie anschließend in die Sammelbox am FDT Stand, bekam man eine gratis FDT Pure Lizenz! Diese Aktion fand sehr guten Anklang und so konnten sich viele Besucher über ihre Pure Lizenz freuen.

Außerdem hatte ich die Möglichkeit FDT in einem eigenen Vortrag zu präsentieren: mein Debut auf einer FITC Konferenz. Neben einer Musik untermalten Speed-Coding-Einlage zeigte ich die Neuerungen von FDT 3.5 und die Roadmap sowie die neuen Features von FDT 4: den “Profiler” und den “Welcome Screen”. Die Folien zum Vortrag gibt es hier.

Ein paar Fotos finden sich auf Flickr. Viel Spaß damit!

Am Anfang steht ein kleiner Funke der Inspiration, aus dem am Ende eine große Idee wird. Mit ihrer neuen Kampagne zeigt Converse die ganz eigene Sicht internationaler Künstler auf die Welt.

Ähnlich wie auch schon zuvor bei „Music“ setzten wir auf ein reduziertes, fokussiertes Design. Immer klar im Blick die Inhalte auch für sich wirken zu lassen.

Neben Fotos und Facts, finden sich Videos, die genau diesen kreativen Moment einfangen, der bei allen der vorgestellten Künstler individueller nicht sein kann. Betrachtet man diese Vielfalt an Ideen, muss man sich am Ende die Frage stellen lassen: What do YOU do? – Also Leute, lasst euch inspirieren!