WEBVTT

00:00:06.593 --> 00:00:08.417
大家好，我是Guillaume

00:00:08.602 --> 00:00:11.143
我是Little Workshop的Web设计师，

00:00:11.143 --> 00:00:13.193
也是BrowserQuest的作者之一

00:00:13.193 --> 00:00:16.613
这是一款用HTML5制作的多人在线游戏

00:00:17.459 --> 00:00:19.087
正如你所看到的

00:00:19.087 --> 00:00:21.791
在这款动作RPG游戏中

00:00:21.791 --> 00:00:24.835
你只需一个网页就可以和其他人并肩作战

00:00:24.835 --> 00:00:26.428
我们的目的是通过这个演示项目让你看到

00:00:26.428 --> 00:00:31.777
WebSockets是如何被用来创造有趣的Web应用和游戏的

00:00:31.777 --> 00:00:35.893
在BrowserQuest中，你从一个三代贫农开始冒险

00:00:35.985 --> 00:00:37.089
这个世界你探索的越多

00:00:37.089 --> 00:00:39.525
你就能获得越多的物品和成就

00:00:39.525 --> 00:00:41.950
你还可以选择是独自一人战斗

00:00:41.950 --> 00:00:45.759
还是和其他玩家合作一起冒险

00:00:45.759 --> 00:00:47.985
你可以随时查看成就窗口

00:00:47.985 --> 00:00:52.424
只需单击奖杯图标就能看到你的探险进程

00:00:58.424 --> 00:01:01.362
游戏的网络引擎使用了WebSocket

00:01:01.362 --> 00:01:04.503
这个崭新的技术能让浏览器和

00:01:04.503 --> 00:01:06.825
服务器实时通讯

00:01:06.825 --> 00:01:09.719
因此你能够看到其他玩家在你身边走动和战斗

00:01:10.820 --> 00:01:13.405
当然，BrowserQuest还依靠许多其他的Web技术

00:01:13.405 --> 00:01:16.417
不仅仅是WebSocket

00:01:16.417 --> 00:01:19.667
游戏客户端使用JavaScript编写

00:01:19.667 --> 00:01:21.839
并使用HTML5画布作为渲染引擎

00:01:21.839 --> 00:01:25.576
本地存储(localStorage)被用来在你的设备上保存角色信息

00:01:25.576 --> 00:01:28.840
此外HTML5音频功能控制着音效和音乐

00:01:35.302 --> 00:01:39.672
BrowserQuest另一个很酷的地方在在于

00:01:39.672 --> 00:01:42.870
所有的一切都在网页中，它是跨平台的

00:01:42.870 --> 00:01:45.830
只要你的浏览器开启了WebSocket功能

00:01:45.830 --> 00:01:48.940
游戏就能在桌面浏览器中运行。同时作为实验版，

00:01:48.940 --> 00:01:57.040
游戏也能在iPhone、iPad和安装了Android Firefox的平板电脑和手机中运行

00:01:57.040 --> 00:02:00.341
我们为此做了许多渲染上的优化

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

00:02:05.263 --> 00:02:07.653
所以请不要仅仅在电脑上试玩

00:02:07.653 --> 00:02:12.948
可以试试在手机或平板上玩玩

00:02:13.118 --> 99:59:59.999
感谢观看，希望能在游戏中与您见面！