Wir arbeiten fieberhaft an einem spannenden Projekt in Flash / Flex mit Papervision 3D und Facebook.
Das Ziel:

Eine interaktive Plattform,
auf der jeder User einen Baum pflanzen kann
und diesen hegt und pflegt und wachsen lässt.

Die Herausforderung:

• Wir wollen, dass die Plantage erlebbar ist. Wir wollen das sie begehbar ist und interaktiv.
• Wir wollen das sich jeder User mit seinem Facebook Account einloggen kann. Direkt in unserer pv3D Website. Wir wollen unsere Facebook Freunde sehen und deren Bäume betrachten und pflegen können.
• Wir wollen einen ganz besonderen Look, der natürlich und gleichzeitig auch ein wenig phantasievoll ist. Eine Wiese auf der ich auch gerne ein Picknick machen würde.

Wir nennen es “social growing”

Und dies ist bisher passiert …

Erste Herausforderung – wie viele Papervision3D Polygone verträgt ein durchschnittlicher Browser?

Am Anfang standen viele Feldversuche. 3D Modelle in Cinema 4D aufbauen, in unsere pv3D Testumgebung laden, Framerates checken.
Und vor allem: Immer versuchen bessere Performance zu gewinnen.

Unser erstes Testmodell eines Baumes.

Sieht noch etwas dürftig aus, aber es dreht sich immerhin.

Die Obstwiese von oben

Läuft schon ganz gut – die Map läd sich ähnlich Google-Maps dynamisch nach.

Der Baum wächst.

Wir sind ein gutes Stück weiter gekommen, der Baum ist etwas lichter geworden und ganz so allein steht er nun auch nicht mehr da.

Ach ja, die Sonne scheint nun mit einem leichten Lens Flare und auch die Wolken ziehen schon am Himmel vorbei.

Mehr Gras, mehr Schatten, mehr von allem!

Langsam macht es schon Spaß über die Wiese zu fahren.

Was ein wenig Schlag- und Körperschatten bewirken kann sieht man hier im direkten Vorher- Nachher-Vergleich:

Mehr Infos unter www.junge-woelfe.com und natürlich auf Facebook.

Am besten einfach mal selber anschauen unter www.st-sin.de. Natürlich gibt’s auch eine kleine Facebook Page. Inklusive authentischer Einblicke in die Welt rund um St. Sin.

Ein klassisches Thema: Die Kreation kommt mit einer vermeintlich simplen Banneridee in 3D.

Die technischen Bedingungen:

• Filesize: max. 75 KB
• Flash Player Version: bestenfalls V9
• AS Version: bestenfalls AS3

Die Layouts, die es umzusetzen gilt:

Umsetzung in Papervision3D

Das Papervision3D Framework “Great White 2.0″ fällt beim Zielwert von 75KB komplett aus – alleine bringt es schon 68 KB auf die Waage. Eine von uns abgespeckte Variante schlug immer noch mit 49 Kb zu Buche. Zu viel, um mit den 3D Modellen und Bildern zu einem qualitativ akzeptablen Ergebnis zu kommen. Ernüchterung – aber immerhin hatten wir es versucht.

Umsetzung in FIVe3D

Die Lösung brachte die noch wenig thematisierte Vektor 3D Engine FIVe3D. Das Framework ist mit unter 30 KB extrem schlank. Die angebotenen Klassen sind für simple 3D Umsetzungen wie man sie in einem Banner ohne allzu große Interaktion verwendet völlig ausreichend. Leider ist die Dokumentation nicht ansatzweise so umfangreich wie bei den Alternativen – also mit der Nase in den Code und ansehen, wie das Ding aufgebaut ist. Ein paar Stunden später war die erste Version fertig.

Optimierung

Um den Code noch schlanker zu machen, haben wir auch noch an der Tweening Engine gespart. TweenLite ist mit 4.7 KB für uns schon lange der Standard für Banneranimationen. Mit dem v11 Release des Greensock Tweening Frameworks  gibt es ja jetzt zum Glück TweenNano, welche in As3 gerade mal mit 1.6 KB beansprucht.

Am Ende war der Banner inklusive Bilder keine 60 KB groß, sodass wir am Ende die Bilder bei der Komprimierung mit einer stolzen Qualität von 60% ausgeben konnten.

Unsere offene Ressource (mit anderem “Content” – deshalb größer) gibt es hier zum (Preview) Download.

bebe Young Care Banner Beispiel:

Um das besondere Feature der Reisekamera – die 1.000 Fotos mit einer Akkuladung aufnehmen kann – zu inszenieren, wurde der Spot in einer Art Zeitraffer Effekt beinahe komplett aus Einzelfotos einer Australienreise erstellt. Für die Online Version im deutschsprachigen Raum gibt es noch ein kleines Gewinnspiel: Indem die User die im Spot versteckten Dynamic Photo Animationen anklicken, nehmen sie automatisch an der Verlosung von insgesamt fünf EXILIM EX-H10 teil.

Die EX-H10 ist besonders für Reisen geeignet, da man mit einer Akkuladung 1.000 Fotos schießen kann. Diesem Feature folgt auch die Idee für den Spot: Eine Australienreise – von der Abreise bis zum Rückflug erzählt als Zeitraffer aus den Urlaubsfotos. Der resultierende, etwas abgehakte, Einzelbild-Look ist im TV ein schöner Effekt. Online wirkt es jedoch leicht wie ein schlecht encodierter, ruckelnd laufender Film. Sprich: Mehr wie ein Fehler denn ein Feature.

Um den Effekt noch deutlicher zu machen, legen wir ab dem Beginn der Einzelbildsequenzen die Bilder wie Fotos übereinander auf einen Stapel. Da wir aus Performancegründen nicht einfach 1.000 Einzelbilder in Flash laden können, haben wir das ganze so gelöst, dass ein Script im Video jedes Mal tracked, wenn sich die Farbwerte in einem definierten Bereich ändern. Erkennt das Script so eine Veränderung kommt ein neues Foto auf den Stapel und das Video wird leicht versetzt.

Für den Hintergrund haben wir eine Art “Ambilight Funktion” eingebaut, die mittels Cue-Points und TweenMax realisiert wurde. Im Grunde sehr einfach, wenn man nicht mal eben ein paar Hundert Cue-points in ein Video hackt und der Adobe Media Encoder leider beim Export der XML immer wieder 90% aller Cue-Points löscht oder seine selbstgeschriebene XML dann nicht mehr auslesen kann. Notiz an uns selbst, beim nächsten mal Sorenson Squeeze benutzen.

Zusätzlich gibt es natürlich jede Menge kleiner Features wie die grafische Timeline, der Akku der sich langsam leert und die Speicherkarte die mit jedem Bild voller wird.

Natürlich gibt es auch ein Gewinnspiel, passend zur “Dynamic Photo”-Funktion der Kamera.
Aber das kann man am besten selbst erleben: http://de.exilim.eu/de/exh10tv/

Jetzt haben die Japaner den Code veröffentlicht und siehe da, pures Flash, ohne pv3d engine!
Das erklärt dann auch warum die Ecken in extremen Perspektiven manchmal brechen.

Bisher war das iPhone für Fotografen – wenn überhaupt – nur als Spielzeug nutzbar. Es gibt zwar eine Vielzahl netter Applikationen wie man die eingebaute Kamera mit Tools interessanter nutzen kann, aber für mehr als einen Schnappschuss reicht es nicht.
Mit dem App “DSLR-Remote” von OnOne Software ändert sich das! Das Kleine (iPhone) steuert die Große (Digitalkamera): Voller zugriff auf alle wichtigen Funktionen über das iPhone. Am iPhone sieht man, was die Kamera “sieht”, kann Korrekturen an Verschlusszeit, Weißabgleich, Iso etc. vornehmen – und natürlich auslösen!

Warum, wofür? Zum Beispiel um aus extremen Perspektiven oder schwer zugänglichen Orten zu fotografieren. Einfach mal ein wenig die Phantasie spielen lassen …

Dazu eine kleine “Einkaufsliste”:

• man braucht ein iPhone oder einen iPod-touch mit DSLR-Remote
• eine moderne DSLR Kamera (am besten Canon EOS)
• einen Laptop bzw, Computer mit der OnOne DSLR Remote Server Software
• und eine USB Verbindung zwischen der Kamera und dem Computer bzw. Laptop auf dem die OnOne DSLR Remote Server Software läuft

Danach geht alles einfach: Kamera mit Server verbinden, iPhone App starten und mit Server verbinden. Klingt erstmal umständlich, aber gerade bei extremen Perspektiven ist das der perfekte digitale Assistent. Wenn die Kamera dazu noch LiveView unterstützt, kann man auf dem iPhone sogar durch die Linse der Kamera schauen und sie zur mobilen Überwachungskamera umfunktionieren.

Die Liteversion gibt es im Appstore für € 1,60, die Pro Variante € 16,00

via prodig.org

Die Wende hin zu erneuerbaren Energien ist eines der Unternehmensziele von Greenpeace Energy. Auf der Microsite http://www.allesmussaus.de können sich User darüber informieren, was sie selbst zur Lösung der Energiefrage beitragen können:

1. Botschaft verbreiten!
2. Strom sparen!
3. Zu Ökostrom wechseln!

Mit dem ersten Punkt können sie direkt starten: Per Mausklick lässt sich die Botschaft in Social Networks wie Facebook und Twitter verbreiten. Die Twitter-Avatare der neuesten Unterstützer werden auf der eingerichteten Kampagnen webseite abgebildet.

Kleiner Appetizer der Microsite ist ein Video mit einem Schwarm “Twittervögel”, die gemeinsam ein AKW durch eine Windanlage ersetzen: Gemeinsam ist die Energiewende möglich!

Unterstützt werden die Social Media Maßnahmen durch begleitende Kommunikationsaktivitäten wie Poster, Mailings und ein Onlinegame.