Return to Video

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:32
    WebSockets是如何被用来创造有趣的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:40
    BrowserQuest另一个很酷的地方在在于
  • 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

more » « less
Video Language:
English
Duration:
02:16
Letian Zhang added a translation

Chinese, Simplified subtitles

Revisions