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當然,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: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 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 - Video Language:
- English
- Duration:
- 02:16