現成播放器網頁

為現代網頁打造遊戲。

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 等網路技術建構。這項數據清楚顯示,網頁的真實度已達到可與特定平台行動遊戲相抗衡的程度,雖然真實度在教科書中是指「真實」一詞,但更重要的指標是玩家的注意力。