1
00:00:06,593 --> 00:00:08,417
大家好，我是Guillaume

2
00:00:08,602 --> 00:00:11,143
我是Little Workshop的Web设计师，

3
00:00:11,143 --> 00:00:13,193
也是BrowserQuest的作者之一

4
00:00:13,193 --> 00:00:16,613
这是一款用HTML5制作的多人在线游戏

5
00:00:17,459 --> 00:00:19,087
正如你所看到的

6
00:00:19,087 --> 00:00:21,791
在这款动作RPG游戏中

7
00:00:21,791 --> 00:00:24,835
你只需一个网页就可以和其他人并肩作战

8
00:00:24,835 --> 00:00:26,428
我们的目的是通过这个演示项目让你看到

9
00:00:26,428 --> 00:00:31,777
WebSockets是如何被用来创造有趣的Web应用和游戏的

10
00:00:31,777 --> 00:00:35,893
在BrowserQuest中，你从一个三代贫农开始冒险

11
00:00:35,985 --> 00:00:37,089
这个世界你探索的越多

12
00:00:37,089 --> 00:00:39,525
你就能获得越多的物品和成就

13
00:00:39,525 --> 00:00:41,950
你还可以选择是独自一人战斗

14
00:00:41,950 --> 00:00:45,759
还是和其他玩家合作一起冒险

15
00:00:45,759 --> 00:00:47,985
你可以随时查看成就窗口

16
00:00:47,985 --> 00:00:52,424
只需单击奖杯图标就能看到你的探险进程

17
00:00:58,424 --> 00:01:01,362
游戏的网络引擎使用了WebSocket

18
00:01:01,362 --> 00:01:04,503
这个崭新的技术能让浏览器和

19
00:01:04,503 --> 00:01:06,825
服务器实时通讯

20
00:01:06,825 --> 00:01:09,719
因此你能够看到其他玩家在你身边走动和战斗

21
00:01:10,820 --> 00:01:13,405
当然，BrowserQuest还依靠许多其他的Web技术

22
00:01:13,405 --> 00:01:16,417
不仅仅是WebSocket

23
00:01:16,417 --> 00:01:19,667
游戏客户端使用JavaScript编写

24
00:01:19,667 --> 00:01:21,839
并使用HTML5画布作为渲染引擎

25
00:01:21,839 --> 00:01:25,576
本地存储(localStorage)被用来在你的设备上保存角色信息

26
00:01:25,576 --> 00:01:28,840
此外HTML5音频功能控制着音效和音乐

27
00:01:35,302 --> 00:01:39,672
BrowserQuest另一个很酷的地方在在于

28
00:01:39,672 --> 00:01:42,870
所有的一切都在网页中，它是跨平台的

29
00:01:42,870 --> 00:01:45,830
只要你的浏览器开启了WebSocket功能

30
00:01:45,830 --> 00:01:48,940
游戏就能在桌面浏览器中运行。同时作为实验版，

31
00:01:48,940 --> 00:01:57,040
游戏也能在iPhone、iPad和安装了Android Firefox的平板电脑和手机中运行

32
00:01:57,040 --> 00:02:00,341
我们为此做了许多渲染上的优化

33
00:02:00,341 --> 00:02:05,263
并且CSS媒体查询(Media Query)被被用来提升这些设备上的体验

34
00:02:05,263 --> 00:02:07,653
所以请不要仅仅在电脑上试玩

35
00:02:07,653 --> 00:02:12,948
可以试试在手机或平板上玩玩

36
00:02:13,118 --> 99:59:59,999
感谢观看，希望能在游戏中与您见面！