HTML5 Games, Tooling & 3D

image.png

Spieleentwicklung ist fast für jeden Softwareentwickler interessant. Als Webentwickler ohne Flash-Kenntnisse hatte man jedoch bislang nur wenig Ansatzpunkte. Mit HTML5 und der Kombination aus Javascript, CSS3 und schnelleren Browser gibt es nun die ersten “robusteren” HTML5 Spiele.

HTML5 Spiele? Gibts sowas?

Neowin hat eine “Top 10” Liste an HTML5 Games zusammengestellt. Besonders hervorheben möchte ich Platz 1, weil die Macher auch ein paar Blicke hinter die Kulissen zulassen: CutTheRope.ie – Entwickelt von Microsoft zur Promotion ihrer IE/HTML/Web Plattform. Das Spiel funktioniert allerdings auch prima auf einem iPad oder in einem Chrome Browser. Interessant ist natürlich die “Behind the scenes” Seite. Ich selbst steh zwar mit dem Debugger und Dev Werkzeugen des IEs auf Kriegsfuß, aber laut Video scheint es den Entwicklern geholfen zu haben ;)

In der Neowin Liste befindet sich auch Angry Birds, welches zweifelsfrei am bekanntesten ist, allerdings hatte ich nur wenig “Entwicklungs-relevantes” gefunden. Nur diesen Post, welcher nur beschreibt, dass die Web Audio API nun genutzt wird (hierbei gepusht durch Google ;) )

Auch ein sehr ambitioniertes Projekt ist Command & Conquer als HTML5 Browser Spiel. Nett hierbei: Der Source steht auf GitHub. Das Spiel ist allerdings nicht so ausgereift wie CutTheRope, allerdings auch einiges Komplexer und vermutlich steht kein großes Entwicklungsteam wie bei Microsoft dahinter.

 

“Tooling”

Bret Victor, ein französischer Entwickler, hat sich etwas mehr Gedanken in Richtung “IDE für WebGames” gemacht und hat dies auf einer Konferenz vorgestellt. Er hat eine Art interaktiven Editor entwickelt um Mario ins Web zu bringen – leider hatte ich keine weiteren Informationen rausbekommen, was genau er benutzt, aber das kurze Video ist doch recht beeindruckend:

3D über WebGL

Auch wenn sich die Browserhersteller einig sind, dass HTML5 und Javascript der Weg für die Webentwicklung ist, sind sie sich völlig uneins im 3D Bereich.

Google (unter anderem) pusht WebGL nach vorn und hat z.B. Quake ins Web geholt. Quake 2 konnte ich z.B. kurz über diese Seite in meinem Browser spielen! (bis es abstürzte ;) ). Google Maps hat sogar nun einige Teile nach WebGL portiert um die Ansicht zu verbessern.
Microsoft hingegen vertritt die Ansicht, dass WebGL ein Security Problem darstellt.

Wie sich die Sache entwickeln wird oder ob es mal ein DirectWeb geben wird bleibt abzuwarten.

Wer trotzdem sich trotzdem näher mit WebGL beschäftigen möchte, der sollte mal ein Blick auf three.js werfen.

image

Hinweise?

Wer sonst noch Interessantes aus der “Spieleentwicklungs- und Grafikwelt im Web Bereich” kennt – einfach ein  Kommentar schreiben!

Wenn dir der Blogpost gefallen hat, dann hinterlasse doch einen Kommentar. Wenn du auf dem Laufenden bleiben willst, abonniere unseren RSS Feed oder folge uns auf Twitter.

About the author

Written by

Hi, ich bin Robert Mühsig und bin Webentwickler und beschäftige mich mit Web-Frameworks auf dem Microsoft Web Stack und scheue mich auch nicht vor Javascript. Der Blog begann als "Problemsammelstelle und Lösungshilfe" und seitdem schreibe ich hier alles auf. Seit 2008 bin ich Microsoft MVP für ASP.NET. Treffen kann man mich online via Twitter (@robert0muehsig) oder hier.

3 Responses

  1. Wer sich gerne noch ein paar Spiele mehr ansehen möchte, die ohne Flash auskommen, kann sich mal auf http://www.html5spiele.de umsehen. Dort gibt es regelmäßig neue Spiele zu bewundern.

    Reply
  2. Hallo Robert,

    also wenn Du schon so fragst, dann kann ich noch Unity empfehlen. Unity ist eine Game-Engine für 3D-Games und funtkioniert im Web wie Flash, also mit einem Plugin. Es gibt es aber mit Chrome bereits den ersten Browser, der Unity-Games sogar nativ unterstützt.

    Reply

Comment on this post

Letzte Posts

  • image.png
    Microsoft Account Login via ASP.NET Identity

    Der Microsoft Account ist die zentrale Identifikationsstelle in der “Consumer-Microsoft-Welt”, allerdings ist das Einbinden eben dieser in die eigene Applikation eher schwierig. Das “Live SDK” ist nun unter dem OneDrive Dev Center zu finden und ganz professionell wurden auch alle Links zum alten Live SDK damit unbrauchbar gemacht. Beim Microsoft Account ist es auch unmöglich […]

  • image.png
    Zeitgesteuerte Azure WebJobs – so einfach kann Azure sein

    Das noch in Entwicklung befindliche Azure WebJob SDK bietet einige coole Features zum Verarbeiten und Bereitstellen von Daten. Bekanntes Beispiel ist das Sample welches auf eine Azure Queue lauscht und sobald ein Item da vorhanden ist anfängt dies zu verarbeiten. Szenario: Zeitgesteuerte Aktivitäten – ohne Queue und co. Mein Szenario war allerdings wesentlich trivialer: Ich […]

  • image.png
    Get Involved in OSS! Ja, aber wie geht das denn mit GitHub?

    Auch im .NET Lager gibt es Bewegung im OSS Bereich und es gibt verschiedene Arten wie man bei einem Open Source Projekt “Contributed”. Was zählt alles zu “Contribution”? Unter “Contribution” läuft eigentlich alles – ob es Fragen/Probleme zu dem Projekt via Issues ist oder Dokumentation nachreicht oder ob man darüber bloggt oder das Projekt vorstellt. […]

  • HowTo: Web.config samt eigener ConfigSection zur Laufzeit ändern

    In dem HowTo geht es darum wie man die Web.config zur Laufzeit ändert und was es dabei zu beachten gilt. Das ganze klappt auch mit komplexeren ConfigSections. Eigene ConfigSection? Vor einer ganzen Weile habe ich mal über das Erstellen einer eigenen ConfigSection geschrieben – im Grunde nutzen wir jetzt fast dieselbe Config. Zur Laufzeit? Startet […]

  • image.png
    HowTo: RSS Feeds mit ASP.NET MVC erstellen

    Ich hatte hier schon öfters geschrieben wie man RSS oder Atom Feeds konsumieren kann – jetzt geht es aber mal um das erstellen bzw. publishen eines eigenen Feeds. Trotz des Alters von den Feed Standards und die vielen Abgesänge von Facebook, Twitter und Google auf RSS/Atom halte ich diese einfach zu konsumierende API für ziemlich […]

Amazon Shop

Facebook