為現代網頁打造遊戲。
優秀的遊戲開發人員都知道，要善用特定平台的商機，就必須採用該平台的獨特特性。那麼，網際網路有哪些獨特特徵？那麼，什麼是網路遊戲？
在 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。
從技術層面來看，現在正是採用網頁遊戲開發技術的最佳時機。
進入迴圈
不過，一款優質遊戲的要件絕不僅限於良好的效能、圖像和音效，遊戲本身也必須有趣。
在產品中，有趣度是難以評估的元素。如果遊戲有趣、有趣或創新，使用者就會想向朋友分享，也就是說，他們會想分享遊戲體驗。善用這項機會並結合網路，就能發揮強大的力量，開創病毒式行銷的潛力。特別是在網頁上，由於沒有集中式探索平台，因此要吸引使用者，就必須確保遊戲能盡可能地廣為流傳。
優秀的遊戲開發人員都知道，無論是軟體或硬體層級，要善用特定平台，就必須採用該平台的獨特特性。舉例來說，如果您要為具備動作控制功能的主機開發遊戲，建議您思考如何最佳運用這些動作控制功能。
換句話說，您必須尊重使用者對您所建構平台的期望。網站使用者有什麼期待？使用者希望網頁內容可以快速載入，且能立即進行互動。在演講中，我舉了幾個例子說明遊戲如何在網路上和離線情況下，以快速載入、吸引使用者進入遊戲世界、吸引使用者互動，以及提供額外獎勵，讓使用者分享使用體驗。
我個人認為，要打造成功的網頁遊戲，關鍵在於善用這項獨特的網頁特性。具體來說，這包括網站的網址結構強度，以及使用者可加入的分享循環。
以下範例是我使用 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 等網路技術建構。這項數據清楚顯示，網頁的真實度已達到可與特定平台行動遊戲相抗衡的程度，雖然不符合真實度的標準定義，但在更重要的指標 (玩家注意力) 方面，兩者相去不遠。