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
    當然,BrowserQues還依靠許多其他的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 presents BrowserQuest -- A massively multiplayer HTML5 game demo created by Little Workshop and Mozilla. Play the game: 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
Raama Tinda added a translation

Chinese, Traditional subtitles

Revisions