[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:06.59,0:00:08.42,Default,,0000,0000,0000,,Hey guys, It's Guillaume here. Dialogue: 0,0:00:08.60,0:00:11.14,Default,,0000,0000,0000,,I work as a web designer, at Little Workshop. Dialogue: 0,0:00:11.14,0:00:13.19,Default,,0000,0000,0000,,And I'm one of the makers of BrowserQuest, Dialogue: 0,0:00:13.19,0:00:16.61,Default,,0000,0000,0000,,a 2D massively multiplayer game, made in HTML5. Dialogue: 0,0:00:17.46,0:00:19.09,Default,,0000,0000,0000,,this is what it looks like Dialogue: 0,0:00:19.09,0:00:21.79,Default,,0000,0000,0000,,it's a kind of action RPG that you can play with Dialogue: 0,0:00:21.79,0:00:24.84,Default,,0000,0000,0000,,dozens of other people in a single web page. Dialogue: 0,0:00:24.84,0:00:26.43,Default,,0000,0000,0000,,Our goal was to make a demo of how you can use WebSockets Dialogue: 0,0:00:26.43,0:00:31.78,Default,,0000,0000,0000,,to create fun and interactive web apps and games. Dialogue: 0,0:00:31.78,0:00:35.89,Default,,0000,0000,0000,,In BrowserQuest, you start as a simple villager. Dialogue: 0,0:00:35.98,0:00:37.09,Default,,0000,0000,0000,,The more you explore the world around you Dialogue: 0,0:00:37.09,0:00:39.52,Default,,0000,0000,0000,,the more items and achievements you earn. Dialogue: 0,0:00:39.52,0:00:41.95,Default,,0000,0000,0000,,You can either choose to play by yourself Dialogue: 0,0:00:41.95,0:00:45.76,Default,,0000,0000,0000,,or team-up with other players and start hunting together. Dialogue: 0,0:00:45.76,0:00:47.98,Default,,0000,0000,0000,,An achievement window can be viewed any time Dialogue: 0,0:00:47.98,0:00:52.42,Default,,0000,0000,0000,,by clicking on the trophy icon to monitor your progress in the adventure. Dialogue: 0,0:00:58.42,0:01:01.36,Default,,0000,0000,0000,,the networking engine of the game is powered by websockets Dialogue: 0,0:01:01.36,0:01:04.50,Default,,0000,0000,0000,,a new technology that allows realtime communication between your browser Dialogue: 0,0:01:04.50,0:01:06.82,Default,,0000,0000,0000,,and the server. Dialogue: 0,0:01:06.82,0:01:09.72,Default,,0000,0000,0000,,This is how you can see other players running and fighting around you. Dialogue: 0,0:01:10.82,0:01:13.40,Default,,0000,0000,0000,,Of course BrowserQuest relies on a fair number of web technologies, Dialogue: 0,0:01:13.40,0:01:16.42,Default,,0000,0000,0000,,not just websockets Dialogue: 0,0:01:16.42,0:01:19.67,Default,,0000,0000,0000,,The game client is written in JavaScript and uses Dialogue: 0,0:01:19.67,0:01:21.84,Default,,0000,0000,0000,,HTML5 Canvas for the rendering engine Dialogue: 0,0:01:21.84,0:01:25.58,Default,,0000,0000,0000,,localStorage is also used to save your character on your device Dialogue: 0,0:01:25.58,0:01:28.84,Default,,0000,0000,0000,,while HTML5 Audio manages sound and music. Dialogue: 0,0:01:35.30,0:01:39.67,Default,,0000,0000,0000,,Another cool thing about BrowserQuest, is that since it all happens Dialogue: 0,0:01:39.67,0:01:42.87,Default,,0000,0000,0000,,in a web page, it's available across many platforms. Dialogue: 0,0:01:42.87,0:01:45.83,Default,,0000,0000,0000,,As long you are using a websocket enabled browser, the game Dialogue: 0,0:01:45.83,0:01:48.94,Default,,0000,0000,0000,,should run on your desktop computer, and also as an experimental version Dialogue: 0,0:01:48.94,0:01:57.04,Default,,0000,0000,0000,,on iPhone and iPad as well as tablets and mobile phones running Firefox for Android. Dialogue: 0,0:01:57.04,0:02:00.34,Default,,0000,0000,0000,,We achieved this by the combinaison of rendering optimisations Dialogue: 0,0:02:00.34,0:02:05.26,Default,,0000,0000,0000,,and CSS media queries to adapt the experience to the device. Dialogue: 0,0:02:05.26,0:02:07.65,Default,,0000,0000,0000,,So be sure to try to game, not only on your computer but also Dialogue: 0,0:02:07.65,0:02:12.95,Default,,0000,0000,0000,,in the browser of your mobile phone or tablets. Dialogue: 0,0:02:13.12,9:59:59.99,Default,,0000,0000,0000,,Thanks for watching, and I hope to see you in game!