BrowserQuest–ein HTML5 MMO von Mozilla

image.png

Mozilla hat in Anlehnung an die schicken alten 2D Pixelgames ein sehr beeindruckendes HTML5 Multiplay Game namens “BrowserQuest” gemacht.

image 

Die grafische Umsetzung ist sehr liebevoll gemacht und man kann eine ganze Weile rumlaufen und die Gegend erkunden, Monster bekämpfen, Gegenstände sammeln, Erfahrung sammeln und wenn man möchte auch mit den anderen chatten:

image

Das ganze funktioniert sogar auf einem Smartphone und auf einem Tablet!

Technischer Hintergrund

In dem Blogpost erklärt Mozilla ein paar technische Hintergründe. Das Spiel ist natürlich mit HTML5, Javascript umgesetzt. Dazu gesellen sich noch WebSockets, das Canvas Element, Web Worker, Localstorage, HTML5 Audio und CSS3 Media Queries. Serverseitig wird Node.js eingesetzt.

 

Source Code auf GitHub

Der gesamte Source Code, sowohl was auf dem Client läuft als auch was auf dem Server läuft, ist auf GitHub.

Auf alle Fälle wieder ein sehr beeindruckendes Beispiel!

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.

One Response

  1. Ich bin auf golem.de über browserquest gestolpert und habe mich sofort verliebt. Schade, dass man bis jetzt nur 20 Achievements abstauben kann, wobei ich nur 18 habe, wie man die letzten zwei bekommt, wo nur Fragezeichen drin stehen, keine Ahnung :( Bin echt gespannt wie sich das Spiel weiterentwickelt. Bei uns in den Vorlesungen spielt aktuell jeder zweiter dragonquest ^^

    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