WEBVTT

00:00:06.593 --> 00:00:08.417
大家好，我是Guillaume

00:00:08.602 --> 00:00:11.143
我是Little Workshop的Web設計師，

00:00:11.143 --> 00:00:13.193
也是BrowserQuest的作者之一

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

00:00:17.459 --> 00:00:19.087
正如你所看到的

00:00:19.087 --> 00:00:21.791
在這款動作RPG遊戲中

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

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

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

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

00:00:35.985 --> 00:00:37.089
這個世界你探索的越多

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

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

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

00:00:45.759 --> 00:00:47.985
你可以随时查看成就視窗

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

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

00:01:01.362 --> 00:01:04.503
這個嶄新的技術能讓瀏覽器和

00:01:04.503 --> 00:01:06.825
伺服器即時通訊

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

00:01:10.820 --> 00:01:13.405
當然，BrowserQues還依靠許多其他的Web技術

00:01:13.405 --> 00:01:16.417
不僅僅是WebSocket

00:01:16.417 --> 00:01:19.667
遊戲客户端使用JavaScript編寫

00:01:19.667 --> 00:01:21.839
並使用HTML5畫布作為渲染引擎

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

00:01:25.576 --> 00:01:28.840
此外HTML5音樂功能控制著音效和音樂

00:01:35.302 --> 00:01:39.672
BrowserQuest另一個很酷的地方在在於

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

00:01:42.870 --> 00:01:45.830
只要你的瀏覽器開啟了WebSocket功能

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

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

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

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

00:02:05.263 --> 00:02:07.653
所以請不要只在電腦上試玩

00:02:07.653 --> 00:02:12.948
可以試試在手機或平板上玩玩

00:02:13.118 --> 99:59:59.999
感謝觀看，希望能在遊戲中與您見面！