Abo
  • Services:

Pirates Love Daisies

Spiel soll zeigen, was mit HTML5 heute möglich ist

Das in erster Linie auf Flash-Spiele spezialisierte Unternehmen Gskinner hat im Auftrag von Microsoft ein Tower-Defense-Spiel mit HTML5 und Javascript entwickelt. "Pirates Love Daisies" soll zeigen, was sich mit moderner Webtechnik anstellen lässt.

Artikel veröffentlicht am ,
Pirates Love Daisies: Spiel soll zeigen, was mit HTML5 heute möglich ist

Das Browserspiel Pirates Love Daisies entstand in den letzten Monaten im Auftrag von Microsoft. Gskinner sollte das Spiel ausschließlich in HTML5 und Javascript erstellen und so läuft Pirates Love Daisies direkt im Browser. Gskinner verwendet das Canvas-Element aus HTML5, um die Grafik ins Browserfenster zu zeichnen. Spielstände werden lokal im Browser gespeichert sowie Sound und Schriften eingebettet.

Stellenmarkt
  1. Robert Bosch GmbH, Stuttgart
  2. Atlas Copco IAS GmbH, Bretten

Die Geschichte des Spiels ist sehr einfach: Piraten verteidigen Blumen gegen Tiere aus dem Meer. Dabei stehen verschiedene Piraten mit unterschiedlichen Fähigkeiten und Ausbaustufen zur Verfügung, die auf fest vorgegebenen Ankerpunkten positioniert werden, um die Tiere am Blumenklau zu hindern.

Ganz rund lief Pirates Love Daisies in unseren ersten Tests nicht. Manchmal blieb das Spiel stecken, die Steuerung hakt, die Level wirken auf den ersten Blick nicht gut ausbalanciert. Dennoch zeigt das Spiel, dass Flash nicht zwingend notwendig ist, um browserübergreifende Spiele zu erstellen.

Die größten Schwierigkeiten hatte Gskinner nach eigenen Angaben mit dem Sound, denn hier gibt es den Entwicklern zufolge die größten Unterschiede zwischen den Browsern. Letztendlich entstand ein Audiomanager, um mit den Eigenheiten der Browser umzugehen, der eventuell in Zukunft als Open Source veröffentlicht werden soll.

  • HTML5-Spiel Pirates love Daisies
  • HTML5-Spiel Pirates love Daisies
  • HTML5-Spiel Pirates love Daisies
  • HTML5-Spiel Pirates love Daisies
HTML5-Spiel Pirates love Daisies

Die beste Performance bietet Gskinner zufolge der Internet Explorer 9 dank seiner GPU-beschleunigten Grafikengine, wobei nicht zu vergessen ist, dass Microsoft das Spiel in Auftrag gab und die Entwicklung bezahlte. So bietet Pirates Love Daisies auch einige Sonderfunktionen für Microsofts Browser. Besonders schlecht schnitt Apples iOS ab. Android war auf vergleichbarer Hardware rund vier- bis fünfmal schneller als Apples System. Auf Schattenwurf sollten Entwickler in Verbindung mit dem Canvas-Objekt laut Gskinner verzichten, dies lasse die Framerate leicht auf die Hälfte einbrechen.

Entwickelt wurde mit Adobes Dreamweaver als Javascript-Editor, die Grafiken wurden mit Illustrator erstellt und mit Flash Pro animiert. Ein von Gskinner erstelltes AIR-Werkzeug exportiert die SWF-Animationen letztendlich in ein Sprite-Sheet, das dann in der HTML-Applikation genutzt wurde. Eine weitere AIR-Applikation wurde verwendet, um die Javascript-Dateien zu optimieren und durch Googles Closure-Compiler und anschließend den YUI Compressor zu schleusen. Beide AIR-Applikationen will Gskinner demnächst als Open Source zur Verfügung stellen.

Als Javascript-Bibliothek wurde JQuery sowie die von Gskinner entwickelte Bibliothek Easel verwendet. Easel stellt eine hierarchische Displayliste in Anlehnung an Actionscript 3 zur Verfügung. Eine Alphaversion von Easel steht ab sofort unter EaselJS.com zum Download bereit. Die Software steht unter der MIT-Lizenz.



Anzeige
Top-Angebote
  1. (u. a. Razer DeathAdder Elite Destiny 2 Edition für 29€ statt 65,99€ im Vergleich und Razer...
  2. 79,90€ + Versand (Vergleichspreis ca. 103€)
  3. (u. a. WARHAMMER für 11,99€ und WARHAMMER II für 32,99€)
  4. 43,99€ (Bestpreis!)

Stebs 22. Dez 2010

Installier dir einfach separat eine 4.0er Version von Firefox (+eigenes Profil). Oder...

Strudelkuchen 22. Dez 2010

Wenn du in SDL entwickelst, dann läuft es auch auf fast jeder Platform.

Bassa 21. Dez 2010

Wer hat das behauptet? Erstens ist mein Rechner nicht modern, der hat schon einige Jahre...

Diesain 21. Dez 2010

Der Vorteil ist, dass man nicht dem Entwickler blind vertrauen muss und es mal eben...

Daniel Bettac 21. Dez 2010

im printbereich wird ein riesen aufwand betrieben, um das gewünschte design auf dem...


Folgen Sie uns
       


Tolino Shine 3 - Hands on

Der Shine 3 ist der neue E-Book-Reader der Tolino-Allianz. Das neue Modell bietet einen kapazitiven Touchscreen und erhält die Möglichkeit, die Farbtemperatur des Displaylichts zu verändern. Der Shine 3 ist für 120 Euro verfügbar.

Tolino Shine 3 - Hands on Video aufrufen
Augmented Reality: Das AR-Fabrikgelände aus dem Smartphone
Augmented Reality
Das AR-Fabrikgelände aus dem Smartphone

Derzeit ist viel von einer Augmented Reality Cloud die Rede. Golem.de hat mit dem Berliner Startup Visualix über den Stand der Technik und künftige Projekte für Unternehmenskunden gesprochen - und darüber, was die Neuerungen für Pokémon Go bedeuten könnten.
Ein Interview von Achim Fehrenbach

  1. Jarvish Motorradhelm bringt Alexa in den Kopf
  2. Patentantrag Apple plant Augmented-Reality in der Windschutzscheibe
  3. Magic Leap Lumin OS Erste Bilder des Betriebssystems für Augmented Reality

Shine 3: Neuer Tolino-Reader bringt mehr Lesekomfort
Shine 3
Neuer Tolino-Reader bringt mehr Lesekomfort

Die Tolino-Allianz bringt das Nachfolgemodell des Shine 2 HD auf den Markt. Das Shine 3 erhält mehr Ausstattungsdetails aus der E-Book-Reader-Oberklasse. Vor allem beim Lesen macht sich das positiv bemerkbar.
Ein Hands on von Ingo Pakalski

  1. E-Book-Reader Update macht Tolino-Geräte unbrauchbar

Neuer Echo Dot im Test: Amazon kann doch gute Mini-Lautsprecher bauen
Neuer Echo Dot im Test
Amazon kann doch gute Mini-Lautsprecher bauen

Echo Dot steht bisher für muffigen, schlechten Klang. Mit dem neuen Modell zeigt Amazon, dass es doch gute smarte Mini-Lautsprecher mit dem Alexa-Sprachassistenten bauen kann, die sogar gegen die Konkurrenz von Google ankommen.
Ein Test von Ingo Pakalski


      •  /