BrowserQuest - Massively Multiplayer HTML5 Game Demo

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

Hey guys, It's Guillaume here.

I work as a web designer, at Little Workshop.

And I'm one of the makers of BrowserQuest,

a 2D massively multiplayer game, made in HTML5.

this is what it looks like

it's a kind of action RPG that you can play with

dozens of other people in a single web page.

Our goal was to make a demo of how you can use WebSockets

to create fun and interactive web apps and games.

In BrowserQuest, you start as a simple villager.

The more you explore the world around you

the more items and achievements you earn.

You can either choose to play by yourself

or team-up with other players and start hunting together.

An achievement window can be viewed any time

by clicking on the trophy icon to monitor your progress in the adventure.

the networking engine of the game is powered by websockets

a new technology that allows realtime communication between your browser

and the server.

This is how you can see other players running and fighting around you.

Of course BrowserQuest relies on a fair number of web technologies,

not just websockets

The game client is written in JavaScript and uses

HTML5 Canvas for the rendering engine

localStorage is also used to save your character on your device

while HTML5 Audio manages sound and music.

Another cool thing about BrowserQuest, is that since it all happens

in a web page, it's available across many platforms.

As long you are using a websocket enabled browser, the game

should run on your desktop computer, and also as an experimental version

on iPhone and iPad as well as tablets and mobile phones running Firefox for Android.

We achieved this by the combinaison of rendering optimisations

and CSS media queries to adapt the experience to the device.

So be sure to try to game, not only on your computer but also

in the browser of your mobile phone or tablets.

Thanks for watching, and I hope to see you in game!