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
    Source Code veröffentlichen – aber bitte mit Lizenz

    Seit es den Blog gibt wird auch meist der gesamte Demo Source Code mit veröffentlicht. Das Ganze hatte ich am Anfang noch als .zip verteilt, später lag es mal auf Google Code und nun liegen alle Samples und sonstige Sachen auf GitHub. Beim letzten User Group Treffen in Zürich mit dem Titel “Open Source: Get […]

  • Fix: Cannot convert from ‘CConnectProxy::_ComMapClass *’ to ‘AddInDesignerObjects::IDTExtensibility2 *’

    Mal einen etwas esoterischer Blogpost, welcher auftaucht wenn man zu viel mit Office Addins rumspielt. Der Fehler passiert beim Bauen von C++ Projekten, welchen diesen Typ benötigen. Lösung (auf 64bit Systemen): C:\Program Files (x86)\Common Files\DESIGNER>regsvr32 MSADDNDR.DLL And Rebuild. Meine lieben Kollegen hatte mir dies schon mehrfach gesagt, allerdings hatte ich es immer wieder vergessen Das […]

  • Gegen das Gesetz verstoßen: X Jahre Haft. Gegen die Terms of Use verstoßen: Bann auf Lebenszeit. Danke Google & co.

    Bei fast allen Diensten die man im Internet nutzen kann muss man den “Terms of use” zustimmen. Völlig logisch dass da natürlich drin steht was erlaubt und was nicht. Wenn man gegen diese Regelungen verstößt hat das Unternehmen natürlich das Recht etwas dagegen zu unternehmen. In der heutigen Welt beherrschen einige wenige Unternehmen die digitale […]

  • image.png
    RSS Feed samt Kommentaranzahl und andere nicht Standard Elemente mit dem SyndicationFeed auslesen

    Jetzt mal ein Blogpost ohne ein fancy NuGet Package: Seit .NET 3.5 gibt es die SyndicationFeed Klasse. Eine schon etwas ältere API, reicht aber aus um Atom bzw. RSS Feeds zu lesen. In diversen RSS Feeds gibt es aber Erweiterungen, welche man natürlich auch auslesen möchte. So gibt WordPress z.B. auch die Anzahl der geposteten […]

  • image.png
    ASP.NET Bundling & Fontawesome

    Vor einer halben Ewigkeit hatte ich mal geschrieben wie man Fontawesome in ASP.NET nutzen kann. Aufgrund des Alters des Post und einem Kommentar ob man denn Fontawesome auch in das ASP.NET Bundling Framework integrieren kann möchte ich nur ein kurzes Update schreiben. TL;DR: NuGet Package “Fontawesome” runterladen und Pfad in der Bundleconfig angeben. Kurze Schritte […]

Amazon Shop

Facebook