Html 5: de toekomst van gaming op het web?

Tino Zijdel, programmeur van Tweakers.net, hield een keynote op de HTML5 GameJam. De grote vraag: hoe geschikt is html 5 voor de ontwikkeling van webbased games?

Er is al veel geschreven over html 5, en dan vooral over het nieuwe video-element, dat het afspelen van video in browsers mogelijk maakt zonder gebruik te hoeven maken van plug-ins als Adobes Flash-speler. Of html 5 echt een Flashkiller op het gebied van video zal zijn, zal de tijd moeten leren. Zolang browserbouwers nog verdeeld zijn over de vraag welke codec uiteindelijk het geschiktst is om te gebruiken – h.264, Ogg Theora of het nieuwe WebM-formaat van Google – lijkt Flash met z'n hoge penetratiegraad vooralsnog niet echt bedreigd te worden. Ook niet omdat Flash ondersteuning biedt voor het formaat dat de meeste contentuitgevers toch al gebruikten, namelijk h.264.

Maar html 5 is meer dan alleen native video. Het biedt, onder andere in de vorm van het canvas-element en de bijbehorende 2d-api, ook mogelijkheden tot het ontwikkelen van grafisch geanimeerde applicaties. Samen met een hoop andere nieuwe technologie wordt het browserplatform steeds geavanceerder. Is html 5 wellicht een Flashkiller op een ander gebied waarop Adobes product nu nog heer en meester is: onlinespelletjes? Het in Nederland gevestigde bedrijf Spil Games denkt van wel en stelde al eerder 50.000 dollar beschikbaar voor ontwikkelaars van op html 5 gebaseerde spelletjes.

Html 5 lijkt een voorsprong te hebben op smartphones en tablets die op Android of iOS draaien; deze bieden geen of nauwelijks support voor Flash, maar zijn meestal wel voorzien van een browser die op de WebKit-engine is gebaseerd. Die engine is momenteel behoorlijk vooruitstrevend in de implementatie van html 5 en andere nieuwe technologie.

Om de mogelijkheden van html5 eens goed te verkennen, hield Spil Games in het afgelopen weekend, in samenwerking met Google, een 2 dagen durende Game Jam waarop ontwikkelaars in een vriendschappelijke wedstrijd met en tegen elkaar met de nieuwe technieken aan de gang konden om de beste html 5-game te bouwen. Ook ondergetekende was daarbij aanwezig, niet als deelnemer maar op speciale uitnodiging van Google om op zaterdagavond de keynote-presentatie te verzorgen.

Afgelopen zatermiddag stapte ik, na nog een aantal keer mijn presentatie te hebben geoefend, op de fiets om de maar liefst ruim twee kilometer af te leggen van mijn huis naar het hoofdkantoor van Spil Games in Hilversum, alwaar ik hartelijk werd verwelkomd door Gregory Kukolj van Spil Games en Michael Mahemoff van Googles Chrome Developer Relations-team. Die laatste benaderde mij vijf jaar geleden al eens voor meer achtergrondinformatie over het gebruik van zogenaamde sprites in het door mij gecreëerde DHTML Lemmings voor zijn website en boek over (web)designpatterns. Mahemoff was ook degene die mij had gevraagd voor de keynote die avond.

Het is dus niet verrassend dat een deel van mijn presentatie over DHTML Lemmings ging, als onderdeel van een verhaal over de technische ontwikkeling van browsers in de afgelopen tien jaar en waar we op dit moment staan met betrekking tot alle nieuwe technologie. De presentatie zelf is terug te vinden op http://www.xs4all.nl/~crisp/html5gamejam; javascript-support en een html 5-capable browser zijn wel vereist ;) Hopelijk volgt binnenkort nog videomateriaal van de presentatie zelf.

Op zondagmiddag was het tijd voor de prijsuitreikingen en ik had de eer lid te zijn van de jury, maar eerst kregen alle teams de tijd om hun creaties aan iedereen te tonen en daar zaten best wat pareltjes bij. Een aantal games kreeg een 'eervolle vermelding' waaronder duotris – een twee-spelerversie van Tetris voor de iPad – gemaakt door GoTters SchizoDuckie en Clay, het leerzame .Atome, gemaakt door @hexapode (Pierre-Loic Doulcet) en het grappige Cats, Dogs 'n Explosions! gemaakt door Tomasz & Wytzaaa.

Twee games maakten handig gebruik van social media; zo was er een woord-raadspelletje genaamd twit-twat-twet, dat via Twitter kon worden gespeeld, maar dat tevens de tweets op Twitter gebruikte als een database, en een beurssimulatiespel genaamd Pulsi, dat de 'beurswaarde' van bedrijven deels baseerde op de hoeveelheid keren dat de bedrijfsnaam in berichten van verschillende social-mediawebsites voorkomt.

Uiteindelijk was de derde plaats voor het spel genaamd Enterprise, de tweede plaats voor een twee-spelerversie van het spel Snakes en de eerste plaats voor MonkeyFortress. Deze creaties waren volgens de jury het meest veelbelovend, creatief en visueel aantrekkelijk, waarbij de winnaar in z'n eentje een compleet nieuw concept heeft weten te ontwikkelen dat zich echt kan meten met huidige op Flash gebaseerde games.

De vraag blijft of html 5 nu echt een Flashkiller wordt. Ik denk dat velen van jullie al hebben ondervonden dat niet alle spelletjes die hierboven worden genoemd echt (goed) werken. In de meeste gevallen is toch minstens de recentste versie van bijvoorbeeld Google Chrome vereist en sommige spelletjes zijn gemaakt voor (multi)touch-tablets zoals de iPad. Er werd echter niet zwaar getild aan specifieke browserafhankelijkheid, aangezien de verwachting is dat de meeste html 5-features – en andere nieuwe technologie – binnenkort toch wel beschikbaar komen in de meeste mainstreambrowsers. Dat html 5 nog in de kinderschoenen staat, is echter wel duidelijk. Wat html 5 nu nog het meest mist ten opzichte van Flash, is een goed ontwikkelplatform en de juiste tools, en daarnaast is performance, vooral op mobiele apparaten, nog steeds een probleem.

Toch zie ik grote mogelijkheden met html 5 en alle bijbehorende en andere nieuwe technologie. Het web is in mijn ogen weer een nieuwe richting aan het opgaan; zo gingen we al van 'static', via 'dhtml' naar 'web2.0 en ajax', en nu met een tijdelijke terugval naar 'native apps' stomen we door naar een 'full dynamic web'. Het pionieren is weer begonnen, maar nu zijn de mogelijkheden haast onbegrensd.

Game On!