Rules for Design. OpenFrameworks
Helaas ging deze sessie niet door en werd David Carson vervangen door Theodore Watson. Een betere vervanging hadden we niet kunnen wensen. Theo liet in plaats van de gebruikelijke Flash- en schermgerelateerde onderwerpen interaction design zien in reallife omgevingen.

Theo is van OpenFrameworks en initiatiefnemer van de Graffiti research Lab. Bij OpenFrameworks ontwerpen en stellen ze technologieën open voor interactieve omgevingen.

Klik hier om de embedded video te bekijken.

Omdat in dit geval beelden duidelijker zijn dan woorden, een aantal voorbeelden:

Funky Forest:
In samenwerking met Emily Gobeille hebben ze Funky Forest, een interactieve installatie ontwikkeld. In 2007 beleefde het z’n première tijdens het Cinekid festival. Funky Forest is een interactief ecosysteem waarin kinderen bomen kunnen laten groeien met hun lichaam en water van de waterval kunnen omleiden om hun bomen levend te houden. De gezondheid van de bomen heeft invloed op de gezondheid van het bos en de beesten die er in leven.

Klik hier om de embedded video te bekijken.

Leuk om te weten is dat de kinderen heel innovatief te werk gingen om hun bomen te voorzien van water. Er ontstond soms ook een heel duidelijke hiërarchie waarbij een meisje de leiding nam en de andere kinderen dirigeerde wat ze moesten doen (op een bijna dictatoriale manier ;-) ) . Een ander geval was dat van een jongetje die een lange tijd in dezelfde houding bleef liggen om het water één kant op te sturen. Als het bos ongezond is komen er slechte beesten te voorschijn, een aantal kinderen ontdekten dat ze deze beesten ook kapot konden slaan.

I want you to want me
Dit is een andere gave case van een systeem dat elke paar uur data verzameld van een grote verscheidenheid online dating sites. Het systeem zoekt naar bepaalde kernwoorden, die hij dan in een database stopt. Deze woorden, uit hun context gehaald, geeft een kleine blik in de persoonlijke levens van mensen.

Gelijktijdig vormt het systeem een evoluerende tijdsgeest van dating, volgend van populaire eerste afspraakjes, verlangens, persoonsbeschrijvingen en interesses.

Klik hier om de embedded video te bekijken.

Op een 54” high-res touchscreen, hangend aan een muur in een donkere ruimte, wordt de data getoond als honderden ballonnen, zwevend in een interactieve lucht (waarvan het weer bepaald kan worden door de gebruiker).
Elke ballon stelt een dating profiel voor. Een blauwe ballon is een man, een roze is vrouw. Hoe feller de ballon hoe jonger de persoon, hoe donkerder de ballon, hoe ouder de persoon. In een ballon zit één van de 500 video’s van een silhouet gevangen. Elke silhouet toont een verscheidenheid aan activiteiten. De bezoeker kan elke ballon aanraken, waarna een foto aan een lijntje komt te hangen en een quote in een gedachtenballon erbij zweeft. Selecteert de bezoeker de ballon een tweede keer, dan knapt deze.

De ballonnen kunnen gefilterd worden in verschillende formaties:
- Who I Am displays sentences beginning with the phrase “I am”, as balloons careen wildly through the sky.
- What I Want displays sentences beginning with the phrase “I am looking for”, as balloons form a giant pulsing heart.
- Openers displays profiles’ opening lines, as balloons form a field of bursting flowers.
- Closers displays profiles’ closing lines, as balloons form a grid.
-Taglines displays profiles’ subject lines, as balloons form a spinning DNA double helix.
-Matchmaker algorithmically pairs people based on their descriptions
of who they are and what they’re looking for. Balloon couples emerge
on the horizon and drift to the foreground, before pausing side by
side for a few seconds and then floating off together.
-Breakdowns reveals the zeitgeist of dating, showing the most popular
turn-ons, first dates, desires, self-descriptions, and interests. These statistics are displayed in a snaking trail of balloon clusters, with each cluster’s size representing its relative popularity.

De ballonnen zweven door de lucht via verschillende paden en snelheden, waarbij ze tegen elkaar botsen en soms met elkaar meereizen, maar hoe dichtbij de ballonnen tot elkaar ook komen, de silhouet binnenin blijft gevangen in z’n eigen ballon. Neem een interessante kijk in de ontwikkeling van dit project

LaserTag/Graffiti research Lab
Ook kwam deze bekende nog even voorbij. Het behoeft weinig uitleg. In de simpelste vorm is het LaserTag systeem een camera en laptop die een groene laserpunt volgen op het oppervlak van een gebouw en graphics genereert gebaseerd op de positie van de laser en dan terugprojecteert op het gebouw door middel van een High power projector. Eén van de eerste LaserTags projecten van de Graffiti Research Lab was in Rotterdam en was gesubsidieerd door de overheid.

Klik hier om de embedded video te bekijken.

Bekijk hiervoor de “how to” en source code . LaserTag is niet voor commercieel gebruik. Bekijk en vind hier alles over de opensource informatie

Audience
Dan was er nog dit onwijs leuk project in het Royal Opera House. Een groepje spiegels dat  voorbijlopende mensen volgt.

Klik hier om de embedded video te bekijken.

Soms lijkt het net alsof de spiegels een eigen leven hebben en opeens wakker worden als iemand dicht bij komt te staan. Leuk is ook hoe de voorbijgangers reageren op de spiegels.

Klik hier om de embedded video te bekijken.

Uiteindelijk zie je jezelf altijd terug in de spiegels terug. Theodore vond dit voornamelijk een leuk project omdat het niet digitaal is.

Nog snel even het vermelden waard is ook:
Audio space waarbij gebruik wordt gemaakt met 3D augmented aural reality. Beleef  het zelf (koptelefoon nodig). Out of Bounds; waarbij het net lijkt alsof je door muren kan kijken.

Klik hier om de embedded video te bekijken.

OpenFrameWorks hanteren opensource technologie waarbij ze graag willen dat andere mensen hun ideeën kunnen ontwikkelen en delen om zo ook creativiteit te bevorderen, daarom kan je hier veel van hun werk downloaden. Deze laatste sessie was het meest inspiratievol voor mij, omdat het veel nieuwe manieren van interactie betreft en vaak niet [computer]scherm gerelateerd is.

Het waren twee geslaagde dagen vol nieuwe inspiraties en inzichten. Ik heb genoten en ik hoop dat ik via deze serie artikelen de kennis met jullie heb kunnen delen. Respect voor iedereen die alle artikelen tot het einde hebben gelezen, want het was een lange zit. En een grote dank aan Linda voor het redigeren van dit verslag!

Dag 2 begon voor mij rond de middag met de Tinker’s Box. En deze zaal was bomvol. Ik kwam helaas halverwege binnen. Mario Klingemann liet een proces zien waarbij hij van een visual of foto een tekening met stippen genereert. Daarna kadert hij de stippen met lijnen. Met een aantal waardenaanpassingen in de code kan hij de afstanden of dichtheid tussen de knopen veranderen of de lijnen organiser maken en zelfs kan hij kleuren toebrengen. Zo creëert hij per stap hele gave visuals d.m.v. Voronoi Diagrams. Je kan wat bronmateriaal downloaden. Deze ‘Voronoi art’ maakt hij alleen door te experimenteren met code, voronoi en convolution. Een voorbeeld wat je met deze berekeningen kan doen:

Gerelateerd experimenteert hij ook met minimal spanding tree. Kort door de bocht is dat het verbinden van punten of knopen door een lijn. Hij wilde dat de kortste lijn wordt getrokken naar de knopen. Dat zou toegepast kunnen worden voor navigatiesystemen. En daarmee kwamen we uit op Convolution. Convolution wordt ook vaak gebruikt bij filters van images, zoals de blurfilter. Toen ging het weer behoorlijk technisch diep. Simpel gezegd gaat het erom dat hij per pixel informatie uit de bitmap kan halen en zijn eigen displacement map kan maken in Flash. Als je dit beheerst kunnen er hele gave dingen in Flash gemaakt worden. Niet alleen filters maar ook art. Laat je door z’n experimenten inspireren op z’n Flickr en lees over zijn experimenten op z’n blog.

GMUNKICK 089
Daarna was er een sessie van Bradley Grosh, oftewel GMUNK waar ik zeer naar uitkeek vanwege zijn motion designer-achtergrond en werk. Dit was een sessie waarbij je weer lekker achterover kon zitten en je kon laten inspireren. Doe hetzelfde met z’n te superruige  showreel.

Klik hier om de embedded video te bekijken.

Waar ik nog wel leer uit heb getrokken is dat GMUNK met [belachelijk] groot formaat werkt omdat zo de images heel gedetailleerd blijven, waardoor het ‘tastbaarder’ aanvoelt.

Een leuk detail is dat hij voor het interface design van de Hummer Game-On commercial, 40% van de tijd kwijt was voor het ontwerpen van de iconografie. Deze presentatie geeft een goed beeld van de presentatie bij FITC in Amsterdam. Hij behandelde alleen recentere projecten, maar de boodschap en informatie was praktisch hetzelfde. Hij heeft het over werken met grote resoluties, Maya, Photoshop en designtips. Onderstaand enkele projecten die hij behandelde:

Res
Het RES-project was freestylen vanaf het allereerste begin… Transistorstudios was bezig met de identiteit van RES voor 2006.  Ze hadden een openingsbumper nodig voor het festival en Gmunk en wat vrienden waren klaar op om dat flink onder handen te nemen, door het heel horror-achtig te maken. Na nog wat vrienden in te schakelen, gingen ze totaal uit hun bol en schoten ze de meest ranzige beelden voor een 30 seconden durende clip. Uiteindelijk te overdreven, wilde ze de beelden old-school-stijl knippen om het wat te minderen, “misschien toch niet zo old-school”. RES was een beetje angstvallig om deze clip als hoofdopener te gebruiken, uiteindelijk gebruikte ze het voor de opening van ‘Fear and Loathing’ gedeelte van het festival. Het paste perfect.

Video

Velvet.tv
Het concept was de ‘geboorte’ van Franse muziek voor het kanaal Velvet.tv.  GMunk wilde een intensieve liefdesvrijpartij tonen en concertbeeldmateriaal gewelddadig tevoorschijn laten komen tussen al het exploderende ‘lieve’ sperma. De truc was een merk te vertegenwoordigen met dit idee op een smaakvolle manier. Dus zette hij een kleine setting in z’n kamer met al z’n favoriete opwindspeelgoed om vervolgens die maar hun gang te laten gaan. Hij schoot het geheel met een macrolens zodat ze het beeld vulde met Godzilla Style. Hij voegde wat spermazwemmertjes toe en dat knipte lekker snel en  ‘WindupPorn’ was voor de eerste keer geproduceerd… Velvet was erg blij met het resultaat!

 Video

FITC: Lucha Breakit Deathmatch
Shawn van FITC zag een speech van GMunk een paar jaar geleden en was geinspireerd door het beeldmateriaal dat Gmunk met 1000fps had gefilmd van exploderende laberatoriumglazen. Shawn sprak Gmunk aan en had voor FITC Toronto een concept ‘Breakit’ in gedachte en gaf Gmunk  het creatieve leiderschap over de campagne… Gmunk bond de talenten Kevin Peterson (Illustration) en Cody Smith (3D Modeling) aan en ze gaven hun uiterste en draagde elk hun talent bij om het echt vet te maken Vier maanden later legde ze de laatste hand op FITC – Lucha Breakit Deathmatch. Gmunk vond het gaaf om weer drukwerk te doen en te leren hoe een 3D-karakter te belichten en van textuur te voorzien. Hierbij kan je echt duidelijk het hoge detail en resolutiewerk zien, waar Gmunk het liefst mee werkt.

Cool Shit

Nu was het tijd voor Cool Shit. 6 Verschillende sprekers hadden elk 10 minuten de tijd om wat coole shit te laten zien waar ze trots op zijn of wat hen inspireert. Ralph Hauwert beet de spits af en liet wat dingen zien met Fluid Dynamics. Seb Lee-Delisle van Plugin Media liet zijn nieuwste Papervision-project zien voor de BBC: Big and Small. Een geweldig leuke kindersite vol spelletjes en uitdagingen. Zeer knap uitgevoerd in Papervision 3D. Het leuke is dat je het huis binnen kan gaan vanuit een hoog of laag perspectief. De spelletjes zijn afgestemd op de hoogte. De site is nog zo nieuw dat de bovenverdieping van het huis nog niet af is, terwijl daar de leukste dingen te doen zijn. Houd de site dus goed in de gaten!
Daarna was Thibault Imbert met WiiFlash aan de beurt. Hij maakte interessant gebruik van de Wii remote. Jam Legend is bedoeld om bediend te worden met je keyboard. Zonder dat het de bedoeling is, kan Thibault Jam Legend nu spelen met een Wii gitaar via WiiFlash. Ook liet hij zien hoe je 3D-objecten in een PDF-bestand kon aansturen met de Wii controller .
Ach, bekijk het maar voor jezelf:

Klik hier om de embedded video te bekijken.

Andre Michelle was daarna aan de beurt.  Hij ging het hebben over muziek en het creeren van tools om muziek mee te maken. Andre begon met een idee om z’n dochtertje te introduceren hoe je muziek maakt. Het resultaat kwam door een aantal vormen te plaatsen op het scherm die elk hun eigen klank hadden. Er waren verder drie  ‘naalden’ die om hun draaide. Zodra een naald zo’n vorm of geluidsobject raakte, speelde deze het klankje af. En zo ontstond er een muzikaal deuntje. Door het verplaatsen van de objecten kon zo het deuntje dus veranderen. Het was zeker een leuke en laagdrempelige muziektool.Verder liet hij wat uitbreidingen voor de Hobnox Audiotool. Wat superruig aan deze audiotool is dat je het zelf kan samenstellen op een duidelijke manier. Download het en tjek het uit! En download z’n sourcecodes van deze audiotool! Bekijk verder zijn blog, zijn lab voor interessante experimenten en z’n projecten.

Tot slot was er Joa Ebert. Hij ging zitten en begon code te typen. Maar dan onwijs snel. Zelfs onder de speedcoders ging het op warp speed. Wat is er nu zo leuk om 10 minuten iemand te zien speedcoden, nou, omdat het kan. Het is alsof je een tekenaar een aantal lijnen ziet zetten en pas op het eind ziet wat het gecombineerde resultaat is van al die lijnen. Zo type Joa binnen 10 minuten een visueel aantrekkelijke, particle animatie in AS3. Hoewel de onderstaande video van een ander festival is, verschilt het niet veel wat hij liet zien in Amsterdam.

Klik hier om de embedded video te bekijken.

Leuk detail is dat Joe Ebert’s toestenbord zo versleten is, dat alle tekens van zijn toetsen verdwenen zijn :-).

Morgen gaat het laatste deel gaat over de laatste sessie van FITC 2009 – Amsterdam. En het beloofd een erg gaaf slot te zijn!

Professionally Pushing Pixels (with Flash 10)
Om 12.30 was ‘onze eigen’ Ralph Hauwert aan het woord met zijn Pushing Pixels. Ralph trok, niet  verwonderlijk, een volle zaal. Ralph’s experimentele zoek toch zonder einddoel is een feest om te zien. Het gaat echt om de reis en niet de bestemming. Als uiteindelijk een bestemming is bereikt, neemt hij die informatie en gaat daarmee verder met zijn experimenten. Dat werkt zeer inspirerend.

Hij legt uit wat zijn achtergrond is en waar zijn interesses liggen. Zijn passies in o.a. sounddesign. Het leuke is dat hij hieruit leer kan halen en toe kan passen op zijn experimenten met code en Flash. Via zijn experimentele zoektochten van pixels naar Voxels via Adobe Alchemy en Pixelbender vond hij een manier om complexe berekeningen zo soepel mogelijk te laten lopen.
Daarvoor gebruikte hij Pixelbender voor de delicate berekeningen en Alchemy voor de brute rekenkracht.

Zo kreeg hij het voor elkaar een 130.000 polygons  op via Flash 9  30 fps te laten lopen.
Dat was op zijn minst zeer indrukwekkend te noemen.

Ook liet hij de stappen zien in zijn experimenten met Shading en Snelheid met FlashPlayer10 api.
Het was zeer interessant, maar af en toe ging het er iets te technisch aan toe dat ik het niet goed meer kon volgen. Maar daardoor was het niet minder inspirerend.

Het gaf aan hoe hij tot het idee kwam van Dynamic Bumpmapping

Ralph benadrukte dat developers en designers gelijk zijn en dat developers tools moeten maken voor designers om kennis, ideeën en creativiteit te kunnen delen. Vooral dat laatste vond hij belangrijk. Het delen van je kennis en creativiteit.

In de onderstaande video tipt Ralph enkele onderwerpen aan dit hij ook tijdens FITC heeft behandeld.

Klik hier om de embedded video te bekijken.

Verder gaf Ralph nog wat interessante url’s:
full double buffering alchemist
Tween pix
Flipcode

Unique Experience We Make, You enjoy
De Unique Experience sessie van Niko Stumpo zou gaan over de rol en belangrijkheid van geluid in animaties. Hoe je muziek visualiseert en je muziek in visuals maakt. Het combineren van die twee om een unieke ervaring te creëren. Een voorbeeld. Ik had er erg naar uitgekeken, maar helaas was deze sessie geannuleerd.

Dus ging ik mijn tweede keuze “We Make, You enjoy” bij wonen. Carlos Ulloa was moeilijk te volgen en in het begin niet heel interessant. Tot hij vertelde hoe hij met slimme ideeën kwam hoe te werken met schaduw, reflectie en fysica in Papervison, met zijn logo als voorbeeld.
Hierbij gaf hij aan dat hij de reflectie als het ware uit het logo maskert.

Hij behandelde zijn bevindingen vaak erg technisch. Fysica kwam aan de pas en gaf een aantal interessante google tips: “fix your timestep”
en “phun”

Bij Phun kan je je fysica testen.

Everything Was Beautiful And Nothing Hurt
De laatste sessie die ik de eerste dag bezocht was “Everything was beautiful and nothing hurt” met Florian Schmitt van Hi-Res.

Florian liet enkele van hun werken zien en blikte terug op 10 jaren Hi-Res! Om te beginnen de showreel. Duidelijk is dat ze een kunstzinnige stijl hebben geadopteerd. Wat logisch is gezien hun background in kunst en film. Ze hadden niets met internet maar moesten toch aan een website. Door middel van experimenten kwam de eerste website uit de grond. Ze lieten hun ideeën niet belemmeren door hun ontbrekende kennis van technologie en design daardoor ontstond er een uitsprekende stijl en andere kijk op UID. De techniek leerde ze zich zelf aan door het gewoon te doen. Hands-on! Hij vertelde vol trots over enkele projecten en wat hij er zo leuk aan vond, met een klein inzicht van de case. Op dat moment heb ik me laten inspireren en vermaken door zijn inzichten. Dus weinig genotuleerd.

Maar de links van de projecten wil je jullie niet laten onthouden.

Bij Jägermeister International was voornamelijk de briefing interessant waarbij er een site moest komen die de veelzijdigheid en verschillende imago’s van Jägermeister van verschillende demografisch gebieden moet uitlichten.  Bekijk de site (Kies The Netherlands of een ander klein land)
Maar hij kan het het beste zelf uitleggen.

Nokia E71 over de manier van navigatie zoals werkt bij het product.

Over hun werk voor The Fountain was hij ook positief te spreken omdat hij weer aan het werk kon mijn zijn herkomst; films. Voor The Fountain site werd de ervaring van de film breeder gebracht, maar ook via een boek waar ze hun art talenten in kwijt konden.

Het werk voor de site van Beck kreeg ook de nodige aandacht tijdens de sessie. Hij vertelde over de stijl die ze gebruikte voor de site waarbij ze deze zo dicht mogelijk wilde sluiten aan de videoclip de CD design. Niet alleen in visuele stijl maar ook in animatie en ervaring.

Uiteindelijk had het nog over hun website voor LOST. Wat uiteindelijk veel meer was dan alleen een site. Het was een zoektocht door internet en real live om de bezoeker LOST te ervaren en bezig te houden tussen de seizoenen van de TV serie door.

Forian sloot af met de boodschap dat passie hebben voor je vak goed is, maar draaf niet te ver door. Er zijn belangrijkere dingen in het leven. Hij doelde daarmee op het krijgen van kinderen. Kinderen zijn een drijfveer en laten je dingen op een andere manier zien. Zo wees z’n dochtertje een keer op straat omhoog en vroeg waarom die schoen aan de overhangende  kabel hing. Voor dat moment keek Florian nooit omhoog en zag dat er iid een schoen aan een kabel hing.
Florian woonde al 15 jaar in de straat en had die schoen nog nooit gezien. Terwijl de schoen al aan de kabel hing voordat Florian in de straat kwam te wonen. Vanaf nu kijkt Florian vaker naar boven. En daardoor zag hij dit in een museum.
Iets wat Florian anders nooit opgevallen, dankzij het andere inzicht van zijn dochtertje.

In het volgend deel ga ik verder met dag twee van FITC waarin nog coolere shit behandeld wordt.

Lowe
Hierbij besprak hij in globale lijnen hoe het proces van de site in elkaar stak. Het eerste project wat hij behandelde was voor Lowe i.s.m. Tribal DDB Chigaco. Hun proces gaat erg stapsgewijs. Bij elke stap in het process is er een goedkeuringsronde. Dit om de opdrachtgever te onderwijzen in het proces en om jezelf als bureau te beschermen.

In geval van Lowe worden de allereerste schetsen al gekeurd. Vervolgens werden omgevingen in 3D ontworpen. Eerst  in  lowres en zonder textures. Er wordt dan een storyboard gemaakt. De opdrachtgever kan hiermee goedkeuring geven over de camerastandpunten, posities van de personages of props en omgevingen. Soms wordt hierna weleens een animatic gemaakt. Goed onderzoek in bijvoorbeeld de huizen voor de personages scheelt veel tijd in het bouwen van de digitale sets. Vervolgens wordt er een ‘gereedschappen’ lijst gemaakt waarin alle benodigdheden voor het filmen staan. Deze lijst is niet alleen voor goedkeuring, maar ook handig als checklist voor alle props.

Alles werd gefilmd voor een greenscreen met kruizen erop. De kruizen werden gebruikt voor motiontracking. De productie ziet er duur uit. En een videobudget voor TV is hoog. Voor internet ga je veel vindingrijker met video om. Het project koste 3,5 maand, maar dan werd er wel 7 dagen per week aan gewerkt tot middenacht. Er zat kennelijk een strakke deadline achter.

Wat vaak gebeurt bij deze intensieve projecten is dat de developers eastereggs achterlaten. De klant kwam achter een aantal eastereggs en had deze mee goedgekeurd. Zelfs nadat de site live was gegaan werkte sommige developers door met het toevoegen van eastereggs.

Bekijk ook de case study waar gedetailleerdere informatie staat op het proces van dit project.
De site zit vol met games. Vooral de Jard creater is erg lekker gedaan.

M&M / Join the Hunt
Een van hun nieuwste projecten, nog geen 3 weken vers, werd ook behandeld, M&M’s Join the Hunt

Dit project duurde 4 maanden. Van begin briefing tot eind live-gang. Hiervan ging de eerste maand op aan concept. Dat is dus inclusief schetsen, research etc. Vervolgens gingen de 3 maanden erna op aan 3d programmering en development. Binnen een dag hadden ze schetsen/schermen gemaakt om het idee te verkopen. Nadat het idee was verkocht werd er een design ontwikkeld voor de richting die was gekozen hoe de site er uit moet gaan zien.

Gedurende de beleving moesten de personages, Red en Yellow in de site interactief reageren op de acties van de bezoeker. Om dit te realiseren werden voorgedefinieerde ‘paden’ bedacht waar Red en Yellow vrij door heen liepen. De paden zijn makkelijk aanpasbaar en de personages kunnen eenvoudig geschaald worden. Zo konden de developers, opdrachtgever of een script gemakkelijk ook de paden aanpassen zodat Red en Yellow nooit over hetzelfde pad lopen. Probeer zelf hoe het werkt.

Voor aantal 3D-animaties en transities voor de games gebruikte de developers voornamelijk Five3D. Een belangrijke overweging was de balans tussen performance en renderkwaliteit voor complexe features zoals “face culling” en “flat shading” in actie. Hierbij een werkend voorbeeld van de bewegelijkheid van een potlood en customizable lighting op het potlood. En nog een voorbeeld van een bord dat aangepast kan worden als de performance te laag is door minder polygonen te gebruiken.

Bekijk ook de case study waar gedetailleerdere info staat op het proces van dit project.

Sport Chalet
Een leuk weetje is hoe Firstborn met conceptontwikkeling omgaat. Developers en designers zitten altijd al bij de eerste meetings. Iedereen geeft zijn inbreng en iedereen is erbij betrokken. Een voorbeeld is Sport Chalet. Developers maakten tools om keuzes te delen en te maken, zodat de designers ermee aan de slag konden.

Ze kwamen uiteindelijk op het concept met een berg als voornaamste navigatie. Ze hebben de interface in 3D ontworpen in Cinema 4D om vervolgens de perfectie polygon mesh te exporteren naar Flash.

Om het Cinema 4D model in Flash te importeren hebben ze hun eigen importer gebruikt. Ze exporteerde via een VRML-bestand, dat een collectie van alle 30 punten in een object bevat en beschrijft hoe de punten contact maken om polygons te vormen, evenals UV-coördinaten om textures te binden. Met deze gegevens konden ze gemakkelijk het model in Flash via papervision exact nabouwen. Bekijk hier hoe ze gradient textures op de berg bonden.

Om de interactieve beleving die ze bedacht hadden te creëren, had de developer een rudimentary prototype in Flash gemaakt. De designer kon zo de gewenste effecten en animaties voor de berg bepalen.

Om de producten van het merk te tonen, hadden ze de uitdagende taak op zich genomen om 70 videoclips te keyen, compositen en te integreren op de site. Met combinatie van After Effects en Flash gebruikte ze motion tracking voor elke clip om de hotspot met de bewegingen van de persoon te volgen.

Tips en Tricks
Dan had ook nog enkele tips voor processen van video-/3D-projecten:

• Video looping issues; Firstborn maakt vaak  gebruik van PNG sequences voor korte loops. Wel rekening mee houden dat je de framerate synch houdt (Zij gebruikte onEnterFrame script om de  playback snelheid af te stellen).
• Encoding en compression. Voor hun Lowe’s project besloten ze geen H.264 te gebruiken vanwege de color saturation issues en player-vereisten. Ze begonnen met On2 Flix Pro, maar waren ontevreden met de compressie voor de high-motion clips. Uiteindelijk gebruikte ze Sorenson Squeeze with On2 VP6. Tip: Gebruik altijd een CDN om de videocontent te leveren en laat je klant niet op de hosting beknibbelen!
• Truc voor het maken van een dynamisch masker: Je kan een PNG gebruiken als een overlay om de items op de Stage schaduw te geven. Lees de waarden in AS, en bestuur de Z-as in overeenkomst met de bitmap data/pixel waarden.

Dat was het voor Dan Lactiva. Volgende keer behandel ik de rest van de sessies van die dag van Ralph Hauwert en Florian Schmitt van Hi-Res.

FITC

Uiteraard was Rhinofly ook weer vertegenwoordigd om in dit selecte gezelschap inspiratie op te snuiven en kennis uit te breiden. Nu kan ik een topselectie maken en daar over wat vertellen, maar de sessies die ik allemaal bezocht waren zo verschillend en ieder op zich zo inspiratievol dat ik maar besloot een compleet verslag te doen waar ik aantekeningen van had gemaakt. ;-) Het is een flink stuk geworden dus ik heb ‘m opgehakt in 5 delen.

Vanwege werk, research en onleesbare eigen handschrift heeft het dus langer geduurd dan gehoopt, maar here goes:

Om 9.15 was ik al gearriveerd bij de Felix. Het was al druk met soortgenoten toen ik de toegangspas en het programma in mijn hand kreeg. Ik zag al gelijk een aantal bekende gezichten. Wachtend op mijn kopje thee even het programma doornemen. Er zijn veel gave sessies en ik voorzie tussen 14.45 en 15.45 al problemen als ik moet kiezen tussen twee sessies. Dan komt de thee en de rekening. Rododendron! Nog nooit zoveel betaald voor een kopje warm water met een smaakje. De toon was al gezet.

Keynote
Om kwart voor 10 was het al dringen voor de keynote. Ik doe het wat rustiger aan. De organisatie denkt er kennelijk ook zo over acht over 10 begint dan de keynote. Na een aardige intro werd er voornamelijk gesproken de breedte van het Flash platform en dat Flash in een of andere vorm al op allerlei apparaten staat zoals de PS3 en Wii .

Uiteraard werd het Open Screen project aangestipt en dat er nu veel aandacht gaat naar Flash-ontwikkeling voor mobile, waar men gelooft de toekomst en grootste groei inzit. (Beetje laat achtergekomen als je het mij vraagt…)Aangekondigd is dat FlashPlayer 10 tegen het eind van dit jaar op tal van mobile devices zal zitten. Hier is dieper op ingegaan tijdens  Mobile Madness waar Johan Voets een artikel aan heeft gewijd.

Feedback met Tips en tricks
Verder werden er nog wat feedback uit de community behandeld, die zo belangrijk is, met enkele tips en tricks over de Snippets panel van Flash. Een veel voorkomende klacht was dat de help van Flash connectie maakte met de Abode-site. Dit was eenvoudig te omzeilen door onder ‘Help’ in Flash bij ‘connectivity’ “disconnect” aan te vinken. Ook kon de Decotool beter gebruikt worden. Als laatste werd nog even gemeld dat de File reference class door velen onderschat werd. Dat het een goede tool is om bijvoorbeeld een boodschap in een bitmap te verbergen of uit te lezen.

Cijfertjes
Natuurlijk werd de Flash-penetratie nog even aangekaart, waarbij ik me altijd weer afvraag waarom wij vaak nog voor Player 8 moeten ontwikkelen, zelfs als Player 9 al zo hoog is? Wereldwijd word 80% van de aangeboden video op internet via een Flash-player getoond. Hierop volgend meldde Adobe de overeenkomsten tussen de gelijktijdige opkomst van Adobe Air en Twitter. Twhirl is een van de eerste Air apps dat men gebruikt. Hiermee hielp Twitter Air groot te worden.. Air is nu een jaartje oud en heeft al drie updates gehad, waarbij een grote update binnenkort uitkomt.

Blackbox
Daarna kwam de Nederlandse designstudio De Monsters aan het woord. Ze presenteerde Blackbox (voormalig PEF), een applicatie die designers de mogelijkheden biedt hun werk, met minimale onderbrekingen in hun workflow, te documenteren. Dit is een applicatie waar ik zeker toegevoegde waarde in zie.

Integrating Live Action Content with 3D
En dan was het kwart over 11; de sessies beginnen. Er was onder andere The Future’s so bright, I gotta wear glasses. Ik kies voor Integrating Live Action Content with 3D.

Dan Lacivita van Firstborn spreekt. Hun aanpak voor een eerste meeting met een nieuwe opdrachtgever bevalt me zeer. Ze starten altijd met een video over zichzelf. De video toont geen projecten, maar de mensen en medewerkers van het bedrijf. Een leuke vlot geknipte film waarin de medewerkers niet alleen hard werken achter hun bureaus maar ook plezier hebben tijdens het werk. Veel beelden zijn gericht op samenwerking en overleg. Ook foto’s van feestjes zie je hier en daar langskomen. Een feelgood movie dat de sfeer bij het bedrijf samenvat.

Hun filosofie is ‘Hou het simpel’: verberg elementen, maar houd ze toegankelijk en breng de belangrijkste elementen naar voren. Dit resulteert in eenvoudige maar toch verfijnde gebruikerservaring. Doe je huiswerk: bestudeer eigentijds design en typografie. Lees boeken over meetkunde, fysica, en trigonomie. Pas deze kennis toe op interactief ontwerp. Share: Wissel ideeën uit om je kunde verder uit te breiden. Handhaaf contact met ’s werelds meest vooraanstaande designers en technologen.

Dit wordt vervolgd.  Dan behandelt Dan Lacivita enkele projecten van Firstborn, zoals o.a. M&M’s Join the hunt, en Sport Chalet, the mountain en krijgen we een inside peek in hun werkproces.