[GWT] GwtQuake：將 Web 提昇到下一個境界

[PsMonkey (痞子軍團團長)]

※ [本文轉錄自 java 看板]

作者: PsMonkey (痞子軍團團長) 看板: java
標題: [GWT] GwtQuake：將 Web 提昇到下一個境界
時間: Fri Apr  2 21:13:04 2010

有影片之 blog 版：http://pt2club.blogspot.com/2010/04/gwtquake-web.html

================

原文：http://timepedia.blogspot.com/2010/04/
      gwtquake-taking-web-to-next-level.html

技術校正、審閱：tkcn


早在 2009 年 11 月的 GWT 高層腦會議上，我和 Joel Webber 就專注於改善
Web 和 UI latency 議題。有人在介紹 WebGL 時，我發現坐在後頭 Joel 看起
來完全沒在聽。當我走近他時，他說：「看過這玩意了嗎？」他晃了晃 notebook
展示 Jake2——將 Quake2 用 Java 移植成 Java Web Start application。幾
年前我就看過這個 project 了，只是不知道已經進展到這種地步。

就在那時，我不用問也知道他想幹麼——他提議我們用 GWT 改寫 Jake2！


Web 化的方式
「將 Jake2 這類的東西，用 GWT 來 compile 成 JavaScript」的想法，看起來
好像很簡單。因為 GWT 本來就是把 Java compile 成 JavaScript。不過要能
compile 仍需要對程式碼作一堆調整、以及將 I/O 對應到合適的 Web API。

你可能已經知道，GWT 其實只有實做 JRE 的一部份，而 Jake2 使用了很多 GWT
當中沒有的 Java class：

        →3D 的 LWJGL library
        →java.nio.Buffer
        →網路對戰需要用的 java.net.*
        →AWT 中關於鍵盤的內容
        →載入資料要用到的檔案系統 API
        →影音要用的 OpenAL

更重要的是，它是用 synchronous API 作 I/O，但是 JavaScript 是使用 event
driven 的 I/O 方式。


I/O 對應
Joel 將 Jake2 的 I/O 系統重新改寫成用 event driven pump 來載入檔案。我
們做的第一件事就是處理關卡與 model 的檔案載入，使用 2D <canvas>
wireframe renderer 來處理 rendering（沒有用 WebGL）。接著 Stefan
Haustein 貢獻了使用 WebGL 的 javascript array 來實做 Java NIO Buffer
的 JRE class，以及用 WebGL 為基礎的 GL renderer。

Joel 很神奇的用 WebSocket 加上了多人對戰的功能，即使測試的人分散在
Atlanta、Mountain View、甚至是 Sydney（雪梨），我們還是廝殺的很爽。

我繼續轉換所有的聲音成 MP3 格式，並且實做了只用 DOM Audio element 的初
步 sound renderer。後來，我把 OpenAL 程式碼重構成一個（譯註：GWT 的）
base class，並且提供了 OpenAL Inverse Distance Clamped 聲音 model 的實
做，用來調整 3D 位置中的音量變化。除了 audio.volumn 之外，沒有用其他東
西。

Stefan 使用 LocalStorage 來實做 RandomAccessFile 供遊戲存檔用，以及用
<video> tag 來實做 video 播放。

大部分的工作在今年一月用 part time 的方式完成，但在那之後進度就卡住了
。例如 Stefan 就專注在移植整個單人遊戲（無須 server）成靜態的內容。

我會在 Google I/O 上頭作更詳細的解剖報告，請務必參加！


執行速度呢？
我覺得執行速度可能不快，不過說實話，我從來沒想過我們會做到這種程度；但
事實證明，正常播放的 framerate 是有達成的。在 MacBook 上的
WebKit/Chrome 有 20～25fps、在 Mac Pro 桌機則有 45fps。Joel 則說在
Linux（notebook）可以到 60fps。


這對 web 的意義是什麼？
多年來，人們總覺得 browser 對這類事情而言，是一個貧乏的平台，所以需要
Flash、Silverlight、JavaFX 或 native 程式碼。儘管你不應該期望在瀏覽器
上頭看到像《Far Cry》或《Call of Duty》這種頂級的作品，但這不能解釋為
甚麼一堆 casual game 是用 Flash、或是用 Objective-C（在 iPhone/iPad
上）寫的，而我們使用的類似技術卻作不到。

此外，因為是網頁，你要邀請某人進入你的遊戲或分享遊戲，只要傳一個網址就
可以了。你可以只接 tweet 你的遊戲網址、點下去就可以加入遊戲當中。而不
需要安裝。雖然 Flash 也可以做到，但直接在 browser 當中會覺得比較「自然
」。

我希望這個移植可以鼓勵某些人變得更大膽、更瘋狂地嘗試建立各種 Web App，
因為如果 Quake2 用 JavaScript 跟 browser API 都辦得到，更令人驚艷的
application 正等你開發出來。所以，開始動手吧！

移植版的 source code 在：http://code.google.com/p/quake2-gwt-port

----
譯註：關於 quake2 的 GWT 移植版，在 GWT 官方 Blog 也有提到，不過該篇文
章沒有這篇仔細，所以選擇翻譯這篇。雖然這個時間點實在令人遐想 [炸]，不
過在 Google Code 上頭的確有「非常真實」的程式碼可以觀看，有興趣者不妨
試試看。

--
錢鍾書：    說出來的話
                                                  http://www.psmonkey.org
    比不上不說出來的話
                                                  Java 版  cookcomic 版
  只影射著說不出來的話
                                                  and more......

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 219.70.183.25

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 219.70.183.25