WEBVTT

00:00:06.593 --> 00:00:08.417
Hey guys, It's Guillaume here.

00:00:08.602 --> 00:00:11.143
I work as a web designer, at Little Workshop.

00:00:11.143 --> 00:00:13.193
And I'm one of the makers of BrowserQuest,

00:00:13.193 --> 00:00:16.613
a 2D massively multiplayer game, made in HTML5.

00:00:17.459 --> 00:00:19.087
this is what it looks like

00:00:19.087 --> 00:00:21.791
it's a kind of action RPG that you can play with

00:00:21.791 --> 00:00:24.835
dozens of other people in a single web page.

00:00:24.835 --> 00:00:26.428
Our goal was to make a demo of how you can use WebSockets

00:00:26.428 --> 00:00:31.777
to create fun and interactive web apps and games.

00:00:31.777 --> 00:00:35.893
In BrowserQuest, you start as a simple villager.

00:00:35.985 --> 00:00:37.089
The more you explore the world around you

00:00:37.089 --> 00:00:39.525
the more items and achievements you earn.

00:00:39.525 --> 00:00:41.950
You can either choose to play by yourself

00:00:41.950 --> 00:00:45.759
or team-up with other players and start hunting together.

00:00:45.759 --> 00:00:47.985
An achievement window can be viewed any time

00:00:47.985 --> 00:00:52.424
by clicking on the trophy icon to monitor your progress in the adventure.

00:00:58.424 --> 00:01:01.362
the networking engine of the game is powered by websockets

00:01:01.362 --> 00:01:04.503
a new technology that allows realtime communication between your browser

00:01:04.503 --> 00:01:06.825
and the server.

00:01:06.825 --> 00:01:09.719
This is how you can see other players running and fighting around you.

00:01:10.820 --> 00:01:13.405
Of course BrowserQuest relies on a fair number of web technologies,

00:01:13.405 --> 00:01:16.417
not just websockets

00:01:16.417 --> 00:01:19.667
The game client is written in JavaScript and uses

00:01:19.667 --> 00:01:21.839
HTML5 Canvas for the rendering engine

00:01:21.839 --> 00:01:25.576
localStorage is also used to save your character on your device

00:01:25.576 --> 00:01:28.840
while HTML5 Audio manages sound and music.

00:01:35.302 --> 00:01:39.672
Another cool thing about BrowserQuest, is that since it all happens

00:01:39.672 --> 00:01:42.870
in a web page, it's available across many platforms.

00:01:42.870 --> 00:01:45.830
As long you are using a websocket enabled browser, the game

00:01:45.830 --> 00:01:48.940
should run on your desktop computer, and also as an experimental version

00:01:48.940 --> 00:01:57.040
on iPhone and iPad as well as tablets and mobile phones running Firefox for Android.

00:01:57.040 --> 00:02:00.341
We achieved this by the combinaison of rendering optimisations

00:02:00.341 --> 00:02:05.263
and CSS media queries to adapt the experience to the device.

00:02:05.263 --> 00:02:07.653
So be sure to try to game, not only on your computer but also

00:02:07.653 --> 00:02:12.948
in the browser of your mobile phone or tablets.

00:02:13.118 --> 99:59:59.999
Thanks for watching, and I hope to see you in game!