Så gjordes Tackfilm - intervju med flashutvecklaren Johan Åhman
Kampanjsajten Tackfilm låter dig bli hjälte för ett ögonblick. Här syns Johan Åhman, flashutvecklaren som varit med och utvecklat kampanjsajten.
Kampanjsajten Tackfilm låter dig spela huvudrollen i en film genom att du laddar upp ett foto på dig själv. Fotot passas sedan in helt naturligt i filmens olika scener. Men hur åstadkommer man egentligen en sådan här effekt? Jag fick chansen att ställa några frågor till Johan Åhman, anvarig utvecklare för Tackfilm, om hur han gick till väga.
Kampanjen Tackfilm från Radiotjänst får kanske ses som en av 2009 års mest lyckade nätkampanjer. Den lyckas kombinera en stark idé med en mycket välgjord och dramaturgisk genomarbetad film, allt förpackat på ett mycket snyggt och tekniskt bra sätt.
Det är i sådana här produktioner Flash verkligen skiner och man omöjligt kan ifrågasätta valet av teknik. Jag blev lite nyfiken på hur tackfilm gjordes och vilka problem och lösningar som avverkats längs vägen. Jag lyckades få kontakt med flashutvecklaren Johan Åhman på produktionsbolaget Moment77 som var ansvarig för de tekniska delarna i projektet. Johan var tacksamt nog villig att göra en kort intervju om projektet.
Ska vi börja med att du berättar lite om din bakgrund, om hur du började med Flash och hur länge du har jobbat som flashutvecklare.
Egentligen har jag nog aldrig börjat eller slutat. Jag kommer ihåg att jag gjorde en beatbox app runt -98/-99 någon gång, så det måste ha varit kring den tiden. Men efter det så har jag hoppat ganska mycket fram och tillbaka mellan olika miljöer i såväl kod som arbete, och det har ibland gått flera år mellan gångerna jag öppnat Flash. Men nu är det slut på det. Jag har bestämt mig för att exkludera annat och koncentrera mig på Flash. Det är helt klart det roligaste jag vet att jobba med. I alla fall just nu.
Tackfilm blev på kort tid väldigt populär och har fått en enorm viral spridning. Hur känns det när något man varit med och skapat blir en sådan succé?
Jo, den tog fart ganska omedelbart. Jag kommer inte ihåg exakt hur många unika besök det var under första dagarna men det var astronomiska siffror för att vara en viral kampanj vid det stadiet. Själv sitter jag ganska långt nere i näringskedjan och har väl inte vältrat mig i några hyllningar direkt. Jag märkte först vilken enorm genomslagskraft kampanjen haft när en släkting långt utanför det normala spridningsområdet kommenterade den nu under jul. Häftigt.
Som du själv nämner så uppmärksammas sällan de som sitter längre ned i näringskedjan när sådana här produktioner blir en succé. Är det något du saknar?
Näe, egentligen inte. Förut kändes det viktigare att vinna awards och stå på scenen för projekt jag varit delaktig i, att vara inne i svängen så att säga. Jag har flyttat från Stockholm till Umeå för att komma ifrån den delen av mitt arbete och jag trivs enormt bra av att jobba som jag gör nu. Det känns inte så viktigt för mig att vara en del av den kreativa processen längre, att slåss för "nya galna idéer" i konceptmöten. Jag gillar upplägget av att kunden har en idé på vad de vill göra, och jag löser deras problem. Självklart kommer jag med förslag och lösningar, utvecklingar på deras grundidéer. Production is the new black.
Varför tror du just Tackfilm lyckades nå ut så bra?
Delvis på grund av tekniken såklart. Har fått väldigt många kommentarer om just "plånboksscenen" som många upplever som ett tekniskt genidrag. Men även på grund av enkelheten, dels att sprida filmen men även att skapa en egen film är ju extremt enkelt och intuitivt. Sen handlar det såklart om timing också. Tekniken har ju funnits för att göra detta, men ingen har så vitt jag vet vågat löpa linan fullt ut och implementera det i den här skalan. Ny teknik ger ju automatiskt en knuff i ryggen. Sen får ju vilken människa som helst en ego-boost när hon drar fram kortet ur kuväret. ;)
Det är alltid många inblandade i en produktion av sådana här mått. Vilka andra har varit delaktiga, och vilken var din roll i projektet?
Reklambyrån var Draft FCB, och produktionsbyrå var Stopp , som i sin tur kontaktade mig för att lösa det tekniska, långt nere i de trånga korridorerna så att säga. Jag trivdes som fisken i vattnet från projektets start med den roll jag hade. Även om jag ägnat ofantliga timmar åt buggtestning och vilken teknik vi i slutändan skulle använda. Jag har även gjort ett GUI för filmen, så att videoredigerarna på Stopp kunde färgsätta fotot som laddas upp/tas med webbkamera, så att det i största mån smälter in i filmen. Detta GUI går att testa på vår hemsida, www.moment77.se.
Var du från början säker på att det skulle gå att lösa i Flash, eller fanns det en risk att begränsningar i tekniken skulle sätta stopp på ett tidigt stadie?
Jadå. Stopps egna flashutvecklare hade gjort ett statiskt proof of concept, så vi visste att det gick att lösa på ett sätt eller ett annat. Sen var det upp till mig att forska vidare och hitta nya lösningar och att producera slutprodukten. Men visst, det fanns tillfällen då jag tvivlade på att jag inte kunde nå hela vägen fram. Men så länge man är ihärdig och uppfinningsrik så löser sig det allra mesta, vilket det gjorde även denna gång. Nu har vi flera nya projekt där vi står på samma linje och sliter vårat hår. Det är en nervpirrande känsla som är oslagbar när man kompilerar och inser att det fungerar som det är tänkt!
Kampanjsajten går ut på att användaren spelar hjälten i filmen genom att ladda upp ett kort på sig själv. Kortet passas sedan in helt naturligt i olika sammanhang i filmen. Hur är den här effekten gjord?
Jag fick en filmsnutt och 4 ascii-filer med trackingpunkter, x & y koordinater och vilken frame i filmen varje punkt hörde till. Ett av kraven från start var att vi skulle nå samma kvalitet som SVT Play och då i streamat format. Den mesta delen av buggtestning gick åt i denna fas, då många nya gråa hår växte ut och ändlösa kvällar med att leta mig fram mellan hinder och problem. I slutändan visade det sig att det inte går att göra ännu, på grund av vad jag ser som en bugg, som gör att flash spelar upp samma frame vid två olika tidskoder lite då och då. Det blir ungefär så här: 1 2 3 4 5 6 7 7 8 9 10 11 11 12 13 14 14 15. Så i slutändan blev vi tvungna att embedda filmen och köra den som swf för att kunna matcha trackingpunkterna till 100%. Jag nådde en träffsäkerhet på 98-99% med streamad film, men den minsta misspassningen är så extremt tydlig att det tyvärr inte höll hela vägen.
Hoppas att någon kan motbevisa mig!
Det känns som att det just nu är mycket diskussioner dels kring nackdelarna med Flash samt att HTML 5 är på framfart och börjar ta över mycket av det som tidigare endast varit möjligt att åstadkomma med Flash. Men trots problemen du stött på, hade det verkligen varit möjligt att göra det här projektet på något annat sätt?
Jag tror inte riktigt att det finns något bättre sätt att göra det på. Jag kan så lite om Silverlight, men antagligen borde det väl ha gått att göra där också. Och HTML 5 ser jag så avlägset ännu att jag själv tror att det dröjer länge innan större kunder väljer att satsa på det själva. Tyvärr. Det är ju oftast de som har möjlighet att påverka utvecklingen snabbast och driva nya tekniker framåt, med den stora massan.
Det som imponerade mest på mig var hur väl kortet smälter in i filmen. Man ser reflektioner i kortet och färger stämmer väl överrens med resten av filmen. Det känns väldigt genomarbetat. Vad har gjorts för att resultatet ska bli så bra?
Dels så handlar det såklart om postproduktionen som Stopp har gjort, men även att färgmatcha fotot med rätt nyanser och färgtoner hade en väldigt stor inverkan. Detta kan alla såklart få testa själva via GUI på moment77.se .
Men i övrigt, t.ex. plånboksscenen är en alphakanal som ligger i filmen som jag fick levererad. Så väldigt mycket av det visuella mästerverket står Stopp för!
Har du några råd till de som vill skapa en liknande effekt? Kanske saker du önskar att du visste innan du började utvecklingen.
Har blivit ombedd att hålla inne de smaskigaste detaljerna tillsvidare, eftersom det verkar ha skapat ett ha-begär hos flera kunder till byråerna, så jag antar att de vill behålla försprånget så att säga. Men som alltid är det ju bra att få så mycket information som möjligt innan man sätter igång. Hade kunnat spara rätt mycket huvudvärk om materialet jag fick levererat stämde från början, så det är ett hett tips! Säkerhetsställ att trackingkoderna matchar den film du testar mot.
Används några speciella ramverk eller kodbibliotek i applikationen?
Jag skrev det mesta från grunden, har enbart använt mig av Grant Skinners ColorMatrix class för att färgsätta fotot på ett smidigt sätt.
I andra projekt, har du några favoritramverk eller kodbibliotek du brukar använda dig av?
CASA lib är nog det enda återkommande som jag använder mig av. Full med godsaker. Sen är det ju väldigt specifikt beroende på de projekt jag jobbar med. Jag är ytterst tacksam och faller på knä för alla de som producerar och släpper sina libs opensource. Det bidrar så otroligt mycket till utvecklingen och man har en chans att lära sig av hur andra tänker. Tusen tack till alla er som gör sådant. Vi (på moment77) håller själva på för tillfället med ganska kraftfulla optimeringar av FLARToolkit och FaceTracking lib, och möjligheten att spela in video från flash med dynamiska objekt. Förhoppningsvis kommer vi att få ge tillbaka lite till communityt, och hjälpa till att knuffa fram gränserna ännu ett steg. Självklart blir dessa tillgängliga för alla så småningom!
Kan du berätta lite om din utvecklingsmiljö när du gör flashprojekt?
Jag kodar just nu i Flash Builder 4, tycker att de har lyckats väldigt bra med denna version, speciellt med tanke på Eclipse och hanteringen av live-debugging. Känslan av att kunna koda i 30 minuter och sedan kompilera utan att ha missat ett kommatecken eller deklaration av en variabel är jäkligt skön. Sen ser jag fram emot integrationen med Flash CS5 och Flash Builder vilket verkar bli otroligt smidigt.
Till sist vill jag passa på att gratulera till en mycket lyckad kampanj, även om du ”bara” stod för den tekniska lösningen. Kommer vi få se mer intressanta produktioner från dig under 2010?
Tusen tack! Jadå det hoppas jag, även om ribban ligger ganska högt nu så håller vi på med flera intressanta projekt just nu. Håll utkik på twitter eller på hemsidan under våren!
Postat 1/5/2010, Kommentarer (6)Taggar: kampanjsajt intervju tackfilm
Kommentarer:
Kommentera inlägget
