現成播放器網頁

為現代網頁打造遊戲。

Tom Greenaway

優秀的遊戲開發人員都知道,要善用特定平台的商機,就必須採用該平台的獨特特性。網路有哪些特點呢?那麼,什麼是網路遊戲?

在 2019 年 Google I/O 大會上,我分享了對網頁遊戲生態的看法,以及目前網頁遊戲開發的最佳做法,以及這個產業的發展方向。在本篇網誌文章中,我將總結演講中的幾個重點,你可以在 YouTube 上觀看完整演講:

網頁遊戲的挑戰

在加入 Google 之前,我曾開發一款名為 Duet 的行動遊戲,下載次數已達 2,000 萬次。我從這次經驗中學到,要透過遊戲建立成功的業務,必須具備以下三個必要元素:

  • 功能正常的遊戲
  • 使用者
  • 使用者變現方式

缺少這三項元素,遊戲開發人員就無法成功。目前,最後兩點是最重要的。WeChat、Facebook Instant Games 等封閉式 HTML5 生態系統已證明,使用 HTML5 建構遊戲是可行的。

現代最佳做法

所謂「功能性遊戲」是指讓遊戲運作的三大核心元素:

  • 成效
  • 影像內容
  • 音訊

在這些領域中,網頁平台在過去幾年有顯著進展。我們可以使用名為 WebAssembly 的效能優異新標準來提升 CPU 效能。就圖形層面而言,WebGL 1.0 具備良好的跨瀏覽器支援,以及 WebGPU 等未來標準來定位網路平台,為像 Vulkan 和 Metal 類似的圖形程式發展出可延伸的未來。最後,我們提供 常見的 Web Audio API,以及最近推出的 Audio Worklet API,以便處理網路音訊。

近期,Unity 預覽了名為 Project Tiny 的新執行階段,專注於為以 HTML5 為基礎的平台建構 2D 遊戲。Project Tiny 將全新模組設計套用到 Unity 的引擎結構,讓核心 Unity 引擎的大小不超過 1 MB。

兩輛坦克開始戰鬥。
透過 HTML5 匯出的 Unity 坦克遊戲示範。

從技術層面來看,現在正是採用網路遊戲開發技術的最佳時機。

進入迴圈

不過,一款優質遊戲的條件絕不僅限於效能、圖像和音效,它必須能提供有趣的遊戲體驗。

在產品中,有趣度是難以評估的元素。如果遊戲有趣、有趣或創新,使用者就會想向朋友分享,也就是說,他們會想分享遊戲體驗。抓住這個商機並搭配網路,可帶來許多潛在的爆紅潛力。特別是在網頁上,由於沒有集中式探索平台,因此我們要想吸引使用者,就必須確保遊戲能盡可能地廣為流傳。

優秀的遊戲開發人員都知道,無論是軟體或硬體層級,要善用特定平台,就必須採用該平台的獨特特性。舉例來說,如果您要為具備動作控制功能的遊戲主機開發遊戲,應該要考慮如何最佳運用這些動作控制功能。

換句話說,您必須尊重使用者對您所建構平台的期望。網站使用者有什麼期待?使用者希望網頁內容可以快速載入,並且能立即進行互動。在演講中,我舉了幾個例子說明遊戲如何在網路上和離線情況下,以快速載入、吸引使用者進入遊戲世界、吸引使用者互動,以及提供額外獎勵,鼓勵使用者分享體驗。

三款採用極簡藝術風格的遊戲。

我個人認為,要打造成功的網頁遊戲,關鍵在於善用這項獨特的網頁特性。具體來說,網址結構的強度以及使用者可以加入的共用迴圈。

以下範例是我使用 Construct 3 建構的網路遊戲,以有趣且引人入勝的方式運用網址。

遊戲的關卡編輯器介面。

Space Board 是一款非常簡單的遊戲,可在行動裝置上使用觸控控制項,或在電腦上使用鍵盤輸入來玩。目標是穿越迷宮般的障礙,抵達終點。

Space Board 如何以獨特的方式運用網址?將層級結構編碼至網址中。所有關卡都定義為 10 x 10 個格子的物件,例如牆壁、敵方砲塔、鑰匙、上鎖的門等。網址會列出所有個別格子的位址和內容。牆壁以 W 字元表示。空格則是底線字元。

範例如下:

https://io-space-board.firebaseapp.com/?gameWorld=_wwwwwwwwww___ww__eww_k__d___ww___ww___ww_wwwww_www_wwwww_www___ww___ww_s_ww_f_ww___ww___wwwwwwwwwwww

這雖然很醜,但卻有。

玩家在 Space Board 完成關卡後,可以使用上述簡單的關卡編輯器設計自己的關卡。我們允許玩家自行設計關卡,讓他們有個人化體驗的機會。當使用者透過創作和自訂方式感受到和遊戲的連結,並感覺自己擁有擁有權,使用者就更有可能會想與全世界分享這些「事物」。

玩家分享遊戲的渴望,正是我們希望透過網頁遊戲達成的病毒式傳播循環的開端。這只是遊戲設計和分享機制的其中一個可能做法,但還有許多其他可能性。歡迎觀看我的演講,瞭解更多範例!

投資報酬率

針對遊戲開發人員如何透過網路遊戲賺取收益,目前共有兩所學校需要思考:

  • 直接透過遊戲營利
  • 將其視為獲客管道

將網頁版遊戲視為獲客管道,代表您將 iOS/Android/電腦版遊戲的網頁版做為吸引玩家的機制,並說服他們下載更大的 iOS/Android/電腦版二進位檔。接著,您即可透過 iOS/Android/電腦平台內建的付款和帳單後端來產生收益。

營利通常是廣告和微交易的混合型態。還是需要在網路上與行動平台在遊戲廣告中競爭。舉例來說,獎勵影片廣告等廣告格式在行動遊戲中已流行多年,但廣告聯播網最近才開始在網站上部署這類格式。

不過,有些遊戲開發人員仍透過傳統橫幅廣告和插頁式影片廣告,在開放式網站上持續獲得成功。如要進一步瞭解這些格式,請參閱 AdSense for Games

對於小額交易,由於可導入的付款方式不受限制,因此網頁可提供完全彈性的服務。不過,這項特質是一把雙面刃。但缺點是,玩家對新網站的隱含信任度較低,因為他們較熟悉特定平台的行動商店付款方式。

Payment Request API 是一種解決方案,可為網頁提供更一致的付款 UI。這個 API 會叫用瀏覽器顯示的 UI,並簡化信用卡和帳單地址等付款詳細資料的取得程序。不過,取得付款詳細資料只是進行交易的第一步。您也需要後端帳單平台。

未來

過去幾年,我們發現有幾款網頁遊戲意外大受歡迎。Slither.io 建立了網站和特定平台的混合型業務,充分展現了網站提供的廣大觸及範圍和病毒式行銷成長機會。Poki.com 等入口網站不斷創新使用者體驗,每天都會推出新遊戲,包括與行動版遊戲相符的遊戲,例如 Subway Surfers 或 Crossy Road。

此外,如果您在開放網路以外的地方瀏覽網路遊戲,也可以看到網路遊戲已經開始運作了。我們的封閉生態系統 (例如 WeChat 和 LINE 等) 提供了無法在開放網路中玩的好遊戲,這類遊戲是以 HTML5 和 WebView 等網路技術為建構基礎。由此可知,網路的保真度已經達到與平台專用行動遊戲的擬真度,或許與擬真度的教科書不合,更重要的指標是玩家注意力。