TyZ - Thijs Broerse - Flash Developer

De WK poule van Hyves en Telesport. Voorspel de uitslagen van de wedstrijden en word de “WK Koning van Nederland”. Je kan natuurlijk ook je eigen subpoule maken en de voorspellingen van je vrienden bekijken.

De teller staat momenteel op 169.374 deelnemers en daarmee is het al ruimschoots de grootste WK poule van Nederland. Maar daar komen uiteraard nog veel meer deelnemers bij. Wil je ook mee doen? Vul dan voor vrijdagmiddag je voorspelling in, want de inschrijving stop als het WK begint!

Voor dit project heb ik de ActionScripting gedaan. Hiervoor heb ik gebruik gemaakt van Gaia en de Temple. Ook is het caching systeem ingezet en verbeterd. Voor dit project heb ik een speciale truc bedacht om ActionScript code uit SWF files te halen, waardoor deze files meer dan de helft kleiner zijn geworden. Hierover zal ik nog een blogpost wijden.

Mede door het PHP-werk van Robert Slootjes is dit project een technisch hoogstandje geworden waar ik erg trots op ben. En ondanks mijn “liefde” voor voetbal was dit een heel erg leuk project om te doen.

Bekijk het project op:

http://www.oranjepoule.nl

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.

Een autorij-spelletje voor Pearle, waarbij je mag proberen om met -8 een auto te besturen. Onderweg pak je brilletjes op en wordt het zicht beter. Maar lukt het je ook om zonder brokken de finish te halen?

Dit semi-3D spel is gemaakt zonder 3D framework, maar gewoon met de  3D feature van Flash player 10. Uiteraard wel met behulp van onze Temple Library, en Gaia voor de pagina navigatie.

Voor dit project heb ik de ActionScripting gedaan. Het design is gemaakt door Vincent van de Wetering.

Speel het spel op:

http://www.pearle.nl/Veilig_Op_Weg_De_Game

Voor de “Even Apeldoorn bellen”-live campagne van Centraal Beheer hebben we bij Media Monks de website mogen bouwen. Een onderdeel van de website is een Augmented Reality toepassing, waarvoor ik de ActionScripting gedaan heb.

In verschillende kranten heeft een ‘Centraal Beheer’ advertentie gestaan. Door in de website de advertentie voor je webcam te houden verschijnt er een 3D scene op de advertentie: Er komt een mannetje in beeld die op een ladder probeert te klimmen.

Door de advertentie te bewegen beïnvloed je de 3D scene. Als je de advertentie te schuin houdt valt de man van zijn ladder en verschijnt de “Even Apeldoorn bellen” slogan.

De Augmented Reality applicatie is gemaakt  met PaperVision3D en de FLARToolKit. De website is gemaakt met Gaia en de Temple. Meer informatie over de hele campagne staat op Dutch Cowboys en Marketing Facts. Bekijk de website op:

http://www.evenapeldoornbellenlive.nl

Om de Augmented Reality toepassing te bekijken klik je onderaan op “Webcam-boodschap” en vervolgens op “Start”. Zorg er voor dat je de advertentie bij de hand hebt (deze kan je uitprinten op de website).

I am a huge fan of Gaia Flash Framework, I use it for almost all my projects. It is a great framework if you want to create solid and maintainable Flash websites.

But as with many Frameworks it comes with some disadvantages; Gaia creates a .fla file for every page, but a page will not run standalone. After compiling the .fla file you have to test the page through the main.swf. For a huge project this is very unwieldy and inefficient.

So I created this “GaiaStandAloneRunner” which enables you to run your Gaia pages standalone, even with all the assets and SEO copy defined in your site.xml. The code only adds about 0.6 KB to your page swf file. (more…)

If the HTML is larger than the browsers window, using the mouse-wheel will always result in a page scroll in AS3. That’s a bummer if you want to use the mouse-wheel inside the Flash.  This problem is better explained here.

After a lot of Googling I found out there wasn’t a good solution for this problem. So I build something that works. (more…)

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

‘Vertel het je familie’ is een project voor T-Mobile ter promotie van ‘T-Mobile family’. Samen met collega’s hebben we dit project in een recordtijd uit de grond gestampt. Met toch wel een erg leuk resultaat.

Dit project is gemaakt  met Gaia en de Temple, ons eigen Flash Framework die inmiddels versie 2.1 heeft. Bekijk het project op:

http://www.vertelhetjefamilie.nl