1
00:00:06,593 --> 00:00:08,417
Hey guys, It's Guillaume here.

2
00:00:08,602 --> 00:00:11,143
I work as a web designer, at Little Workshop.

3
00:00:11,143 --> 00:00:13,193
And I'm one of the makers of BrowserQuest,

4
00:00:13,193 --> 00:00:16,613
a 2D massively multiplayer game, made in HTML5.

5
00:00:17,459 --> 00:00:19,087
this is what it looks like

6
00:00:19,087 --> 00:00:21,791
it's a kind of action RPG that you can play with

7
00:00:21,791 --> 00:00:24,835
dozens of other people in a single web page.

8
00:00:24,835 --> 00:00:26,428
Our goal was to make a demo of how you can use WebSockets

9
00:00:26,428 --> 00:00:31,777
to create fun and interactive web apps and games.

10
00:00:31,777 --> 00:00:35,893
In BrowserQuest, you start as a simple villager.

11
00:00:35,985 --> 00:00:37,089
The more you explore the world around you

12
00:00:37,089 --> 00:00:39,525
the more items and achievements you earn.

13
00:00:39,525 --> 00:00:41,950
You can either choose to play by yourself

14
00:00:41,950 --> 00:00:45,759
or team-up with other players and start hunting together.

15
00:00:45,759 --> 00:00:47,985
An achievement window can be viewed any time

16
00:00:47,985 --> 00:00:52,424
by clicking on the trophy icon to monitor your progress in the adventure.

17
00:00:58,424 --> 00:01:01,362
the networking engine of the game is powered by websockets

18
00:01:01,362 --> 00:01:04,503
a new technology that allows realtime communication between your browser

19
00:01:04,503 --> 00:01:06,825
and the server.

20
00:01:06,825 --> 00:01:09,719
This is how you can see other players running and fighting around you.

21
00:01:10,820 --> 00:01:13,405
Of course BrowserQuest relies on a fair number of web technologies,

22
00:01:13,405 --> 00:01:16,417
not just websockets

23
00:01:16,417 --> 00:01:19,667
The game client is written in JavaScript and uses

24
00:01:19,667 --> 00:01:21,839
HTML5 Canvas for the rendering engine

25
00:01:21,839 --> 00:01:25,576
localStorage is also used to save your character on your device

26
00:01:25,576 --> 00:01:28,840
while HTML5 Audio manages sound and music.

27
00:01:35,302 --> 00:01:39,672
Another cool thing about BrowserQuest, is that since it all happens

28
00:01:39,672 --> 00:01:42,870
in a web page, it's available across many platforms.

29
00:01:42,870 --> 00:01:45,830
As long you are using a websocket enabled browser, the game

30
00:01:45,830 --> 00:01:48,940
should run on your desktop computer, and also as an experimental version

31
00:01:48,940 --> 00:01:57,040
on iPhone and iPad as well as tablets and mobile phones running Firefox for Android.

32
00:01:57,040 --> 00:02:00,341
We achieved this by the combinaison of rendering optimisations

33
00:02:00,341 --> 00:02:05,263
and CSS media queries to adapt the experience to the device.

34
00:02:05,263 --> 00:02:07,653
So be sure to try to game, not only on your computer but also

35
00:02:07,653 --> 00:02:12,948
in the browser of your mobile phone or tablets.

36
00:02:13,118 --> 99:59:59,999
Thanks for watching, and I hope to see you in game!