BrowserQuest - Massively Multiplayer HTML5 Game Demo
-
0:07 - 0:08Hey guys, It's Guillaume here.
-
0:09 - 0:11I work as a web designer, at Little Workshop.
-
0:11 - 0:13And I'm one of the makers of BrowserQuest,
-
0:13 - 0:17a 2D massively multiplayer game, made in HTML5.
-
0:17 - 0:19this is what it looks like
-
0:19 - 0:22it's a kind of action RPG that you can play with
-
0:22 - 0:25dozens of other people in a single web page.
-
0:25 - 0:26Our goal was to make a demo of how you can use WebSockets
-
0:26 - 0:32to create fun and interactive web apps and games.
-
0:32 - 0:36In BrowserQuest, you start as a simple villager.
-
0:36 - 0:37The more you explore the world around you
-
0:37 - 0:40the more items and achievements you earn.
-
0:40 - 0:42You can either choose to play by yourself
-
0:42 - 0:46or team-up with other players and start hunting together.
-
0:46 - 0:48An achievement window can be viewed any time
-
0:48 - 0:52by clicking on the trophy icon to monitor your progress in the adventure.
-
0:58 - 1:01the networking engine of the game is powered by websockets
-
1:01 - 1:05a new technology that allows realtime communication between your browser
-
1:05 - 1:07and the server.
-
1:07 - 1:10This is how you can see other players running and fighting around you.
-
1:11 - 1:13Of course BrowserQuest relies on a fair number of web technologies,
-
1:13 - 1:16not just websockets
-
1:16 - 1:20The game client is written in JavaScript and uses
-
1:20 - 1:22HTML5 Canvas for the rendering engine
-
1:22 - 1:26localStorage is also used to save your character on your device
-
1:26 - 1:29while HTML5 Audio manages sound and music.
-
1:35 - 1:40Another cool thing about BrowserQuest, is that since it all happens
-
1:40 - 1:43in a web page, it's available across many platforms.
-
1:43 - 1:46As long you are using a websocket enabled browser, the game
-
1:46 - 1:49should run on your desktop computer, and also as an experimental version
-
1:49 - 1:57on iPhone and iPad as well as tablets and mobile phones running Firefox for Android.
-
1:57 - 2:00We achieved this by the combinaison of rendering optimisations
-
2:00 - 2:05and CSS media queries to adapt the experience to the device.
-
2:05 - 2:08So be sure to try to game, not only on your computer but also
-
2:08 - 2:13in the browser of your mobile phone or tablets.
-
2:13 -Thanks for watching, and I hope to see you in game!
- 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 - Video Language:
- English
- Duration:
- 02:16
Steve Losh edited English subtitles for BrowserQuest - Massively Multiplayer HTML5 Game Demo | ||
Paul Rouget edited English subtitles for BrowserQuest - Massively Multiplayer HTML5 Game Demo | ||
Paul Rouget edited English subtitles for BrowserQuest - Massively Multiplayer HTML5 Game Demo | ||
Paul Rouget added a translation |