TyZ - Thijs Broerse - Flash Developer

Bekijk en vergelijk de video´s van de lijsttrekkers van de politieke partijen voor de Tweede Kamer verkiezingen op 9 juni 2010 op Stemkijker.nl

Voor TalentInsite heb ik een videoplayer gemaakt voor de Stemkijker. De videoplayer is gebaseerd op de videoplayer uit de Temple en ondersteund verschillende video formaten als flv, H2.64, progressive download en RTMP streaming. De videoplayer is schaalbaar en gemakkelijk te embedden in andere websites.

De VideoPlayer van de Temple is momenteel nog niet open-source, maar zal daar binnenkort aan worden toegevoegd.

Building the ‘VARA – Biografie‘ website.

When I saw the design of de website I had to choose if we should use Flash or HTML. Mostly when design and animation is leading I choose Flash. If the content is more important and there is a lot of text, I choose HTML. But for this site the top of the website with the timeline and media player has video and animations. But the rest of the site is mostly text. So 100% Flash or 100% HTML didn’t fit our needs. The best solutions would be if we combined Flash and HTML to get ‘the best of both worlds’. (more…)

In verband met het 80 jarige jubeleum van de VARA hebben wij voor de VARA een geschiedenissite gemaakt. Hier kan je afbeeldingen, video’s en geluids fragmenten uit de geschiedenis van de VARA bekijken. De hoofdnavigatie is een grote tijdlijn met programma’s, gebeurtenissen en personen van vroeger tot nu.

Het is een ‘hybride’ website geworden, Flash en HTML doorelkaar. Door middel van SWFAddress en AJAX. Dit zorgt onder andere voor een uitstekende zoekmachine optimalisatie. Binnenkort zal ik dieper ingaan op de techniek achter deze site.

Voor deze site heb ik het technische ontwerp (Flash/HTML/SWFAddress/AJAX) gemaakt en de Flash scripting gedaan. Hiervoor heb ik gebruik gemaakt van onze Temple.

Bekijk de website op: http://biografie.vara.nl/

De Match-O-Tron is een project voor Soa Aids Nederland, waarin je kan testen hoe goed je relatie met je partner is. Het doel is om mensen bewust te maken op soa’s en te motiveren een soa-test te gaan doen.

Victor Frankenstein heeft een machine, de “Match-O-Tron” uitgevonden waarmee je de test kan doen. De interactieve video site moet je het gevoel geven alsof je zelf in de oude Frankenstein film zit.

Het gehele project, inclusief videoopnamesn videobewerking, design, concept, Flash en backend is gemaakt door MediaMonks. Samen met collega Tim Ruiters heb ik de ActionScripting gedaan. Hiervoor hebben we gebruik gemaakt van Gaia en de Temple, ons interne Flash Framework. Temple elementen die we hiervoor gebruikt hebben zijn onder andere:

• De MultiVideoPlayer, die meerdere video’s tegelijk aan kan en video’s kan preloaden zodat je soepele overgangen hebt.
• Het formulier, inclusief tabbing, focus,validatie en een ‘iPhone’-achtige datum selector.
• Ondertiteling voor video (in srt formaat)
• Meertaligheid
• SoundManager

Voor dit project heeft mijn collega Tim visuele effecten (’ruis’ en ’schokken’) over de site gelegd die het beeld dat je naar een oude film zit te kijken versterkt.

Bekijk de site op: http://match-o-tron.vrijsoavrij.nl

Heb je altijd al een DJ van Radio538 in zijn noten willen trappen? Dat kan! Met het spelletje dat ik voor Radio538 heb gemaakt.

“Kick the DJ” is een spel waarbij je Frank Dane, een DJ bij Radio538, zo hard mogelijk is zijn kruis moet trappen. Dat doe je door zo snel mogelijk op je cursostoetsen van je toestenbord te rammen. Of het pedagogisch verantwoord is weet ik niet, het is wel leuk om te doen. Het is een project met veel video en wanneer je de maximale score bereikt, krijg je een bonus animatie te zien.

Speel het spel op:

http://kickthedj.radio538.nl

For Hanze Institute of Technology (Hanzehogeschool Groningen) I build this dynamic invitation video:

(more…)

Nog een project uit de oude doos: Wortal Wombat. Zo’n 6 jaar geleden moest ik met een paar klasgenoten voor een schoolopdracht een stop-motion video maken. Het resultaat is belabberd, maar wel grappig:

(more…)