HTML5-Spiel 'Biolab Disaster'
Ein großartiges Beispiel dafür, was sich mit HTML5 und Javascript erreichen lässt, lieferte zuletzt Dominic Szablewski mit Biolab Disaster. Er programmierte mit Hilfe des neuen Canvas-Elements ein klasse Jump-n-Run der alten Schule – Sprites und Parallax Scrolling inklusive.
Nötig zum Spielen: ein HTML5-fähiger Browser. Als am Besten geeignet zeigte sich nach Dominics Tests der aktuelle Opera 10.61 mit über 260 Bildern pro Sekunde auf dem PC. Auch mit Safari 5.0 oder der Beta-3-Version des Firefox 4 lässt sich das Ganze gut spielen, auch wenn die Performance im Vergleich zum Opera-Browser auf etwa 30% abfällt. Andere Browser (Firefox 3.6, Chrome 7, IE 9, ...) ruckeln oder haben Probleme mit der Soundausgabe.
Ausprobieren kann das Spiel jeder auf der Website von Biolab Disaster.
Wie zum Teufel...
...hat er das gemacht? Monsieur Szablewski hatte noch Zeit und Muse, dem interessierten Publikum ein nettes Making-Of zur Verfügung zu stellen. Gezeigt wird, wie Markup, Editor, Grafiken und die selbst entwickelte Engine ineinander greifen, um das Spiel zum Laufen zu bringen. Man beachte auch die Eastereggs auf Desktop und im Browser...