0:00:06.593,0:00:08.417 Hey guys, It's Guillaume here. 0:00:08.602,0:00:11.143 I work as a web designer, at Little Workshop. 0:00:11.143,0:00:13.193 And I'm one of the makers of BrowserQuest, 0:00:13.193,0:00:16.613 a 2D massively multiplayer game, made in HTML5. 0:00:17.459,0:00:19.087 this is what it looks like 0:00:19.087,0:00:21.791 it's a kind of action RPG that you can play with 0:00:21.791,0:00:24.835 dozens of other people in a single web page. 0:00:24.835,0:00:26.428 Our goal was to make a demo of how you can use WebSockets 0:00:26.428,0:00:31.777 to create fun and interactive web apps and games. 0:00:31.777,0:00:35.893 In BrowserQuest, you start as a simple villager. 0:00:35.985,0:00:37.089 The more you explore the world around you 0:00:37.089,0:00:39.525 the more items and achievements you earn. 0:00:39.525,0:00:41.950 You can either choose to play by yourself 0:00:41.950,0:00:45.759 or team-up with other players and start hunting together. 0:00:45.759,0:00:47.985 An achievement window can be viewed any time 0:00:47.985,0:00:52.424 by clicking on the trophy icon to monitor your progress in the adventure. 0:00:58.424,0:01:01.362 the networking engine of the game is powered by websockets 0:01:01.362,0:01:04.503 a new technology that allows realtime communication between your browser 0:01:04.503,0:01:06.825 and the server. 0:01:06.825,0:01:09.719 This is how you can see other players running and fighting around you. 0:01:10.820,0:01:13.405 Of course BrowserQuest relies on a fair number of web technologies, 0:01:13.405,0:01:16.417 not just websockets 0:01:16.417,0:01:19.667 The game client is written in JavaScript and uses 0:01:19.667,0:01:21.839 HTML5 Canvas for the rendering engine 0:01:21.839,0:01:25.576 localStorage is also used to save your character on your device 0:01:25.576,0:01:28.840 while HTML5 Audio manages sound and music. 0:01:35.302,0:01:39.672 Another cool thing about BrowserQuest, is that since it all happens 0:01:39.672,0:01:42.870 in a web page, it's available across many platforms. 0:01:42.870,0:01:45.830 As long you are using a websocket enabled browser, the game 0:01:45.830,0:01:48.940 should run on your desktop computer, and also as an experimental version 0:01:48.940,0:01:57.040 on iPhone and iPad as well as tablets and mobile phones running Firefox for Android. 0:01:57.040,0:02:00.341 We achieved this by the combinaison of rendering optimisations 0:02:00.341,0:02:05.263 and CSS media queries to adapt the experience to the device. 0:02:05.263,0:02:07.653 So be sure to try to game, not only on your computer but also 0:02:07.653,0:02:12.948 in the browser of your mobile phone or tablets. 0:02:13.118,9:59:59.000 Thanks for watching, and I hope to see you in game!