Da wir schon einige Erfahrungen mit den neuen Möglichkeiten von HTML5 gesammelt haben und JavaScript zu unserem Handwerkszeug gehört, wollten wir uns dieser Herausforderung gerne stellen. In einer Brainstormingsession haben wir uns dafür entschieden, ein Mini-Spiel zu entwicklen, was dem Moon-Lander Spielprinzip gleicht: Es muss mit einem Raumschiff so schnell wie möglich auf 5 Plattformen und dann im Ziel gelandet werden. Als Belohnung erhält man dann ein kleines Feuerwerk und kann das Ergebnis auf Facebook oder Twitter veröffentlichen.

Besondere Herausforderungen waren die Zeit (zwischen Projektstart und Abgabe lagen nur 2,5 Tage) und die begrenzte Dateigröße, in der auch eine kleine Partikel- und Tweening-Engine untergebracht werden musste.

Im Wettbewerb hat es dann nicht ganz gereicht: Wir haben einen sehr guten Platz in der Shortlist erreicht. Dabei gratulieren wir der Agentur Haasenstein für den ersten Platz im deutschsprachigem Raum.

Viel Spass beim Testen, wir sind auf eure Highscores gespannt!

Banner anschauen (und spielen)

3spin hat sich im Detail mit der Erstellung der HTML-Templates, den Javascript Funktionen/Animationen und der JSON-Datenaufbereitung beschäftigt. Hierbei wurde auf die Javascript-Bibliothek jQuery sowie die 3spin eigenen Erweiterungen „queueloader“ und „text2image“ zurückgegriffen.

Hierzu haben wir gemeinsam mit dem Kunden eine Zielgruppenanalyse durchgeführt und ein entsprechendes Konzept ausgearbeitet. Im Zuge der anschließenden Umsetzung wurde das Redaktionssystem auf Typo3 mit TemplaVoila! umgestellt.

Wir haben unter anderem folgende Typo3-Erweiterungen verwendet, welche wir weiterempfehlen können:

• KB TV Content Slide
• RealURL
• tt_news

Vielen Dank für das Vertrauen und die sehr gute Zusammenarbeit.