BrowserQuest - HTML5 大型多人在线游戏演示
-
0:07 - 0:08大家好,我是Guillaume
-
0:09 - 0:11我是Little Workshop的Web设计师,
-
0:11 - 0:13也是BrowserQuest的作者之一
-
0:13 - 0:17这是一款用HTML5制作的多人在线游戏
-
0:17 - 0:19正如你所看到的
-
0:19 - 0:22在这款动作RPG游戏中
-
0:22 - 0:25你只需一个网页就可以和其他人并肩作战
-
0:25 - 0:26我们的目的是通过这个演示项目让你看到
-
0:26 - 0:32WebSockets是如何被用来创造有趣的Web应用和游戏的
-
0:32 - 0:36在BrowserQuest中,你从一个三代贫农开始冒险
-
0:36 - 0:37这个世界你探索的越多
-
0:37 - 0:40你就能获得越多的物品和成就
-
0:40 - 0:42你还可以选择是独自一人战斗
-
0:42 - 0:46还是和其他玩家合作一起冒险
-
0:46 - 0:48你可以随时查看成就窗口
-
0:48 - 0:52只需单击奖杯图标就能看到你的探险进程
-
0:58 - 1:01游戏的网络引擎使用了WebSocket
-
1:01 - 1:05这个崭新的技术能让浏览器和
-
1:05 - 1:07服务器实时通讯
-
1:07 - 1:10因此你能够看到其他玩家在你身边走动和战斗
-
1:11 - 1:13当然,BrowserQuest还依靠许多其他的Web技术
-
1:13 - 1:16不仅仅是WebSocket
-
1:16 - 1:20游戏客户端使用JavaScript编写
-
1:20 - 1:22并使用HTML5画布作为渲染引擎
-
1:22 - 1:26本地存储(localStorage)被用来在你的设备上保存角色信息
-
1:26 - 1:29此外HTML5音频功能控制着音效和音乐
-
1:35 - 1:40BrowserQuest另一个很酷的地方在在于
-
1:40 - 1:43所有的一切都在网页中,它是跨平台的
-
1:43 - 1:46只要你的浏览器开启了WebSocket功能
-
1:46 - 1:49游戏就能在桌面浏览器中运行。同时作为实验版,
-
1:49 - 1:57游戏也能在iPhone、iPad和安装了Android Firefox的平板电脑和手机中运行
-
1:57 - 2:00我们为此做了许多渲染上的优化
-
2:00 - 2:05并且CSS媒体查询(Media Query)被被用来提升这些设备上的体验
-
2:05 - 2:08所以请不要仅仅在电脑上试玩
-
2:08 - 2:13可以试试在手机或平板上玩玩
-
2:13 -感谢观看,希望能在游戏中与您见面!
- Title:
- BrowserQuest - HTML5 大型多人在线游戏演示
- Description:
-
Mozilla 出品 BrowserQuest -- 一个基于HTML5的大型多人在线游戏演示,由Little Workshop 和 Mozilla 共同创造。 在线游戏: http://browserquest.mozilla.org
Game credits: http://www.littleworkshop.fr
Screencast music credits:
- "Village" by Dayjo
- "What Dangers Await? (Campus Map)" by Freakified
- "Right off the top" by Camoshark - Video Language:
- English
- Duration:
- 02:16