現成播放器網頁

打造符合現代網路需求的遊戲。

Tom Greenaway

優秀的遊戲開發人員都知道,想利用特定平台創造商機,有必要採用該平台的特點。那麼網路有哪些獨特特性?網路遊戲又有什麼用途呢?

在 2019 年 Google I/O 大會上,我將對網路遊戲生態系統的狀態、現今現代網路遊戲開發的最佳做法,以及產業發展方向分享看法。在這篇網誌文章中,我會總結我對談重點的幾項重點,方便你在 YouTube 上完整觀看:

網頁遊戲的挑戰

加入 Google 之前,我打造了一款名為「Duet」的手遊,這款遊戲的下載次數將近 2,000 萬次。從這次的經驗中,我學到透過遊戲成功拓展業務的三大要素:

  • 功能性遊戲
  • 使用者
  • 透過使用者營利的一種方式

如果缺少這三個元素,遊戲開發人員就無法締造佳績。現今的兩點才是最重要的。封閉 HTML5 的生態系統 (例如 WeChat、Facebook 免安裝遊戲) 已證明,使用 HTML5 建構遊戲是可以達成的。

現代化最佳做法

我是「功能性遊戲」,是指遊戲的運作核心要素的三大核心要素:

  • 效能
  • 影像內容
  • 音訊

這幾年來,網路平台在這幾年裡都取得了重大進展。如需 CPU 效能,我們可使用高效能的新標準 WebAssembly。從圖形方面來看,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 的 Tanks 示範。

從技術層面來看,現在正是採用網頁遊戲開發的大好時機。

進入迴圈

想要製作優秀的遊戲,不能只靠優異的表現、圖像和音效,但要好玩就不能玩得開心。

在產品中,有趣極具挑戰性。如果遊戲有趣、有趣或創新,使用者會希望與朋友分享,也就是說,他們會想分享這個遊戲。把握這個大好良機,搭配網路整合平台,是推動病毒成長的絕佳方式。特別是,如果網路上沒有中央探索平台,我們最好的辦法就是開發使用者,盡可能提高遊戲的人氣。

優秀的遊戲開發人員知道,無論是在軟體還是硬體層級,想透過特定平台營利,都必須具備該平台的特點。舉例來說,如果您要為具有動作控制項的主機打造遊戲,那麼就應該想想如何採用這些動作控制項的最佳做法。

也就是說,在建構目標平台時,請務必遵守使用者的期望。網路使用者會希望達成什麼目標?他們期望網頁內容可以快速載入,且可以快速進行互動。我在演講中提到了幾個例子,其中包含各種途徑 (包括網路和外部),這些遊戲的設計可以快速載入、鼓勵使用者進入自己的遊戲世界、吸引這些使用者,並給予使用者額外獎勵,讓他們分享自己的體驗。

三款極簡藝術風格遊戲。

我個人相信,利用這個網路獨有的特性,打造出成功的網頁遊戲就在於善用這些特性。具體來說,網址結構和使用者能夠加入的分享迴圈。

以下舉例說明我透過建構 3 建立的網頁遊戲,利用網址以有趣而引人入勝的方式利用網址。

遊戲的關卡編輯器介面。

太空桌是一款十分簡單的遊戲,只要在行動裝置上啟用觸控設定,或在電腦上透過鍵盤輸入即可玩遊戲。遊戲目標是走在迷人的障礙物,努力達成目標。

太空委員會如何以獨特方式利用網址?將樓層結構編碼至網址本身。所有等級會定義為 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

這很醜,但確實能發揮作用。

完成太空委員會的關卡後,玩家有機會使用如上所示的簡易關卡編輯器來設計自己的關卡。藉由讓玩家自行設計關卡,玩家將有機會打造個人化遊戲。當玩家對遊戲產生連結,透過創作和自訂內容感受到擁有權,就會更願意與全世界分享這些「事物」。

我們的目標是透過網頁遊戲達成分享遊戲的渴望,讓大家能夠開始分享遊戲。這個遊戲設計和分享機制只是其中一個例子,這可能只是其中一個例子,但這可能還有許多其他可能性。如要進一步瞭解後續範例,建議您觀看這段談話內容!

投資報酬率

目前,對於遊戲開發人員如何透過網頁遊戲產生收益,最終要考慮兩所學校:

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

將網路遊戲視為使用者開發管道,即表示您利用 iOS/Android/電腦版遊戲的網頁版本來提高玩家吸引力,並說服他們下載大型 iOS/Android/電腦二進位檔。隨後,您就能透過 iOS/Android/桌上型電腦平台內建的付款和帳單後端產生收益。

營利模式通常同時包含廣告和小型交易。我們仍在努力讓網站與行動平台在遊戲廣告中競爭。舉例來說,獎勵影片廣告等廣告格式一直在手機遊戲中非常熱門,但目前我們觀察到廣告聯播網只在網站上部署這些廣告格式。

儘管如此,有些遊戲開發人員仍透過傳統橫幅廣告和插頁式影片廣告,在開放網路獲得亮眼佳績。如要進一步瞭解這些格式,請參閱 AdSense 遊戲廣告

針對微型交易,由於每個網站可導入的付款方式數量沒有上限,因此網路能夠提供完全靈活的彈性。不過,這個品質有雙面刃。相反地,玩家對於新發現的新網站,比較不像平台專屬的行動商店付款方式。

Payment Request API 為網路提供更一致的付款 UI 解決方案。這個 API 可叫用瀏覽器顯示的使用者介面,並簡化付款詳情 (例如信用卡和帳單地址) 的取得程序。不過,取得付款資料只是進行交易的第一步。您還需要後端計費平台。

日後規劃

過去幾年來,我們曾見過數款網路遊戲非常成功。Slither.io 以跨網站和平台為獨有的業務,證明網路擁有龐大的觸及範圍和爆紅的發展機會。Poki.com 等入口網站每天都在提供創新的使用者體驗,而且每天都會推出新遊戲,包括符合 Subway Surfers 或 Crossy Road 等特色的遊戲。

此外,如果您在開放網路世界中察覺到外部樣貌,就會發現網路遊戲正迅速脫穎而出。WeChat 和 LINE 等封閉生態系統提供在開放式網路上無法遊玩,但以 HTML5 和 WebView 等網頁技術為建構基礎的封閉式生態系統。這個現象顯而易見,網路體驗達到了極具保真的能力,能夠爭奪特定平台的手機遊戲,或許不是教科書的擬真度,但更重要的指標是玩家注意力。