Abo
  • Services:
Anzeige
Pirates Love Daisies: Spiel soll zeigen, was mit HTML5 heute möglich ist

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.

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.

Anzeige

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.


eye home zur Startseite
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...


ichdigital.de - Mein Leben in der digitalen Welt / 20. Dez 2010

Pirates Love Daisies – Tower Defense Spiel in HTML5



Anzeige

Stellenmarkt
  1. Robert Bosch GmbH, Leonberg
  2. SYNLAB Holding Deutschland GmbH, Augsburg
  3. Verve Consulting GmbH, Hamburg, Köln
  4. Universitätsklinikum Bonn, Bonn


Anzeige
Spiele-Angebote
  1. (-67%) 19,99€
  2. 19,99€
  3. ab 47,99€

Folgen Sie uns
       


  1. Mirai-Nachfolger

    Experten warnen vor "Cyber-Hurrican" durch neues Botnetz

  2. Europol

    EU will "Entschlüsselungsplattform" ausbauen

  3. Krack-Angriff

    AVM liefert erste Updates für Repeater und Powerline

  4. Spieleklassiker

    Mafia digital bei GoG erhältlich

  5. Air-Berlin-Insolvenz

    Bundesbeamte müssen videotelefonieren statt zu fliegen

  6. Fraport

    Autonomer Bus im dichten Verkehr auf dem Flughafen

  7. Mixed Reality

    Microsoft verdoppelt Sichtfeld der Hololens

  8. Nvidia

    Shield TV ohne Controller kostet 200 Euro

  9. Die Woche im Video

    Wegen Krack wie auf Crack!

  10. Windows 10

    Fall Creators Update macht Ryzen schneller



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Essential Phone im Test: Das essenzielle Android-Smartphone hat ein Problem
Essential Phone im Test
Das essenzielle Android-Smartphone hat ein Problem
  1. Teardown Das Essential Phone ist praktisch nicht zu reparieren
  2. Smartphone Essential Phone kommt mit zwei Monaten Verspätung
  3. Andy Rubin Essential gewinnt 300 Millionen US-Dollar Investorengelder

Pixel 2 und Pixel 2 XL im Test: Google fehlt der Mut
Pixel 2 und Pixel 2 XL im Test
Google fehlt der Mut
  1. Pixel Visual Core Googles eigener ISP macht HDR+ schneller
  2. Smartphones Googles Pixel 2 ist in Deutschland besonders teuer
  3. Pixel 2 und Pixel 2 XL im Hands on Googles neue Smartphone-Oberklasse überzeugt

Krack-Angriff: Kein Grund zur Panik
Krack-Angriff
Kein Grund zur Panik
  1. Neue WLAN-Treiber Intel muss WLAN und AMT-Management gegen Krack patchen
  2. Ubiquiti Amplifi und Unifi Erster Consumer-WLAN-Router wird gegen Krack gepatcht
  3. Krack WPA2 ist kaputt, aber nicht gebrochen

  1. Re: endlich diese Farce beenden - alle...

    486dx4-160 | 21:32

  2. Re: "Die FRITZ!Box am Breitbandanschluss"

    decaflon | 21:21

  3. Kompromittiertes System und Beweisverwertung!?

    Sandeeh | 21:14

  4. Re: Wo liegt mein Fehler?

    quineloe | 21:11

  5. Re: In der Praxis: Alles über die Server von Skype

    thorben | 21:11


  1. 14:50

  2. 13:27

  3. 11:25

  4. 17:14

  5. 16:25

  6. 15:34

  7. 13:05

  8. 11:59


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel