0:00:06.593,0:00:08.417
大家好，我是Guillaume

0:00:08.602,0:00:11.143
我是Little Workshop的Web設計師，

0:00:11.143,0:00:13.193
也是BrowserQuest的作者之一

0:00:13.193,0:00:16.613
這是一款用HTML5制作的多人網路遊戲

0:00:17.459,0:00:19.087
正如你所看到的

0:00:19.087,0:00:21.791
在這款動作RPG遊戲中

0:00:21.791,0:00:24.835
你只需一个網頁就可以和其他人并肩作戰

0:00:24.835,0:00:26.428
我們的目的是通過這個演示項目讓你看到

0:00:26.428,0:00:31.777
WebSockets是如何被用來創造有趣的Web應用和遊戲的

0:00:31.777,0:00:35.893
在BrowserQuest中，你從一个三代貧農開始冒險

0:00:35.985,0:00:37.089
這個世界你探索的越多

0:00:37.089,0:00:39.525
你就能獲得越多的物品和成就

0:00:39.525,0:00:41.950
你還可以選擇是獨自一人戰鬥

0:00:41.950,0:00:45.759
還是和其他玩家合作一起冒險

0:00:45.759,0:00:47.985
你可以随时查看成就視窗

0:00:47.985,0:00:52.424
只需點擊一次獎杯圖示就能看到你的探險進度

0:00:58.424,0:01:01.362
遊戲的網路引擎使用了WebSocket

0:01:01.362,0:01:04.503
這個嶄新的技術能讓瀏覽器和

0:01:04.503,0:01:06.825
伺服器即時通訊

0:01:06.825,0:01:09.719
因此你能够看到其他玩家在你身邊走動和戰鬥

0:01:10.820,0:01:13.405
當然，BrowserQues還依靠許多其他的Web技術

0:01:13.405,0:01:16.417
不僅僅是WebSocket

0:01:16.417,0:01:19.667
遊戲客户端使用JavaScript編寫

0:01:19.667,0:01:21.839
並使用HTML5畫布作為渲染引擎

0:01:21.839,0:01:25.576
本地存儲(localStorage)被用來在你的設備上保存角色訊息

0:01:25.576,0:01:28.840
此外HTML5音樂功能控制著音效和音樂

0:01:35.302,0:01:39.672
BrowserQuest另一個很酷的地方在在於

0:01:39.672,0:01:42.870
所有的一切都在網頁中，它是跨平台的

0:01:42.870,0:01:45.830
只要你的瀏覽器開啟了WebSocket功能

0:01:45.830,0:01:48.940
遊戲就能在桌面瀏覽器中運行。同时作為實驗版，

0:01:48.940,0:01:57.040
遊戲也能在iPhone、iPad和安装了Android Firefox的平板电腦和手機中運行

0:01:57.040,0:02:00.341
我們為此做了許多渲染上的最佳化

0:02:00.341,0:02:05.263
並且CSS媒體查詢(Media Query)被被用來提升這些設備上的體驗

0:02:05.263,0:02:07.653
所以請不要只在電腦上試玩

0:02:07.653,0:02:12.948
可以試試在手機或平板上玩玩

0:02:13.118,9:59:59.000
感謝觀看，希望能在遊戲中與您見面！