1
00:00:06,593 --> 00:00:08,417
大家好，我是Guillaume

2
00:00:08,602 --> 00:00:11,143
我是Little Workshop的Web設計師，

3
00:00:11,143 --> 00:00:13,193
也是BrowserQuest的作者之一

4
00:00:13,193 --> 00:00:16,613
這是一款用HTML5制作的多人網路遊戲

5
00:00:17,459 --> 00:00:19,087
正如你所看到的

6
00:00:19,087 --> 00:00:21,791
在這款動作RPG遊戲中

7
00:00:21,791 --> 00:00:24,835
你只需一个網頁就可以和其他人并肩作戰

8
00:00:24,835 --> 00:00:26,428
我們的目的是通過這個演示項目讓你看到

9
00:00:26,428 --> 00:00:31,777
WebSockets是如何被用來創造有趣的Web應用和遊戲的

10
00:00:31,777 --> 00:00:35,893
在BrowserQuest中，你從一个三代貧農開始冒險

11
00:00:35,985 --> 00:00:37,089
這個世界你探索的越多

12
00:00:37,089 --> 00:00:39,525
你就能獲得越多的物品和成就

13
00:00:39,525 --> 00:00:41,950
你還可以選擇是獨自一人戰鬥

14
00:00:41,950 --> 00:00:45,759
還是和其他玩家合作一起冒險

15
00:00:45,759 --> 00:00:47,985
你可以随时查看成就視窗

16
00:00:47,985 --> 00:00:52,424
只需點擊一次獎杯圖示就能看到你的探險進度

17
00:00:58,424 --> 00:01:01,362
遊戲的網路引擎使用了WebSocket

18
00:01:01,362 --> 00:01:04,503
這個嶄新的技術能讓瀏覽器和

19
00:01:04,503 --> 00:01:06,825
伺服器即時通訊

20
00:01:06,825 --> 00:01:09,719
因此你能够看到其他玩家在你身邊走動和戰鬥

21
00:01:10,820 --> 00:01:13,405
當然，BrowserQues還依靠許多其他的Web技術

22
00:01:13,405 --> 00:01:16,417
不僅僅是WebSocket

23
00:01:16,417 --> 00:01:19,667
遊戲客户端使用JavaScript編寫

24
00:01:19,667 --> 00:01:21,839
並使用HTML5畫布作為渲染引擎

25
00:01:21,839 --> 00:01:25,576
本地存儲(localStorage)被用來在你的設備上保存角色訊息

26
00:01:25,576 --> 00:01:28,840
此外HTML5音樂功能控制著音效和音樂

27
00:01:35,302 --> 00:01:39,672
BrowserQuest另一個很酷的地方在在於

28
00:01:39,672 --> 00:01:42,870
所有的一切都在網頁中，它是跨平台的

29
00:01:42,870 --> 00:01:45,830
只要你的瀏覽器開啟了WebSocket功能

30
00:01:45,830 --> 00:01:48,940
遊戲就能在桌面瀏覽器中運行。同时作為實驗版，

31
00:01:48,940 --> 00:01:57,040
遊戲也能在iPhone、iPad和安装了Android Firefox的平板电腦和手機中運行

32
00:01:57,040 --> 00:02:00,341
我們為此做了許多渲染上的最佳化

33
00:02:00,341 --> 00:02:05,263
並且CSS媒體查詢(Media Query)被被用來提升這些設備上的體驗

34
00:02:05,263 --> 00:02:07,653
所以請不要只在電腦上試玩

35
00:02:07,653 --> 00:02:12,948
可以試試在手機或平板上玩玩

36
00:02:13,118 --> 99:59:59,999
感謝觀看，希望能在遊戲中與您見面！