Return to Video

BrowserQuest - Massively Multiplayer HTML5 Game Demo

  • 0:07 - 0:08
    Hallo Leute, Guillaume hier.
  • 0:09 - 0:11
    Ich arbeite als Web Designer bei Little Workshop.
  • 0:11 - 0:13
    Und ich bin einer der Macher von Browserquest,
  • 0:13 - 0:17
    einem 2D MMO, gecodet in HTML5.
  • 0:17 - 0:19
    Und so sieht es aus:
  • 0:19 - 0:22
    Es ist eine Art Action Rollenspiel, das man
  • 0:22 - 0:25
    mit Dutzenden anderen Leuten in einer einzigen Webseite zusammen spielen kann.
  • 0:25 - 0:26
    Unser Ziel war es, eine Demo zu erstellen wie man Web Sockets nutzen kann,
  • 0:26 - 0:32
    um lustige und interaktive Webapps und Spiele zu erstellen.
  • 0:32 - 0:36
    In BrowserQuest startest du als ein einfacher Dorfbewohner.
  • 0:36 - 0:37
    Je mehr du die Welt um dich herum erkundest,
  • 0:37 - 0:40
    desto mehr Items und Erfolge erhältst du.
  • 0:40 - 0:42
    Du kannst entweder alleine spielen,
  • 0:42 - 0:46
    oder dich mit anderen verbünden und gemeinsam jagen gehen.
  • 0:46 - 0:48
    Das Erfolge-Fenster kann jederzeit eingesehen werden,
  • 0:48 - 0:52
    indem man das Trophäenicon anklickt, um seinen Fortschritt im Spiel einzusehen.
  • 0:58 - 1:01
    Die Netzwerkengine des Spiels ist gesteuert von Web Sockets,
  • 1:01 - 1:05
    einer neuen Technologie, die Echtzeitkommunikation erlaubt zwischen deinem Browser
  • 1:05 - 1:07
    und dem Server.
  • 1:07 - 1:10
    Deswegen kannst du andere Spieler um dich herum laufen und kämpfen sehen.
  • 1:11 - 1:13
    Natürlich beruft sich BrowserQuest auf eine ganz schöne Zahl an Webtechnologien,
  • 1:13 - 1:16
    nicht nur Web Sockets.
  • 1:16 - 1:20
    Der Spielclient ist in Javascript geschrieben und benutzt
  • 1:20 - 1:22
    HTML5 Canvas zum rendern.
  • 1:22 - 1:26
    localStorage wird außerdem benutzt, um deinen Charakter auf deinem PC zu sichern
  • 1:26 - 1:29
    während sich HTML5 um Sound und die Musik kümmert.
  • 1:35 - 1:40
    Etwas anderes cooles an BrowserQuest ist, dadurch dass alles
  • 1:40 - 1:43
    auf einer Webseite geschieht, dass es für viele Plattformen verfügbar ist.
  • 1:43 - 1:46
    Solange du einen Browser mit WebSocket benutzt, sollte das Spiel
  • 1:46 - 1:49
    auf deinem Desktop Computer laufen und zusätzlich als experimentelle Version
  • 1:49 - 1:57
    auf iPhone und iPad laufen so wie auch Tablets und Smartphones mit Firefox für Android.
  • 1:57 - 2:00
    Wir haben das durch die Kombination von Rendering Optimierungen
  • 2:00 - 2:05
    und CSS Media Queries erreicht, um das Spielerlebnis an das Gerät anzupassen.
  • 2:05 - 2:08
    Also nehm' dir vor das Spiel nicht nur auf deinem Computer, sondern auch
  • 2:08 - 2:13
    in deinem Browser deines Smartphones oder Tablets auszuprobieren.
  • 2:13 -
    Danke für das Ansehen und ich hoffe ich sehe dich im Spiel wieder!
Title:
BrowserQuest - Massively Multiplayer HTML5 Game Demo
Description:

Mozilla presents BrowserQuest -- A massively multiplayer HTML5 game demo created by Little Workshop and Mozilla. Play the game: http://browserquest.mozilla.org

Game credits: http://www.littleworkshop.fr

Screencast music credits:
- "Village" by Dayjo
- "What Dangers Await? (Campus Map)" by Freakified
- "Right off the top" by Camoshark

more » « less
Video Language:
English
Duration:
02:16

German subtitles

Revisions