准备就绪的播放器网页

构建适用于现代 Web 的游戏。

Tom Greenaway

优秀的游戏开发者都知道,要想把握特定平台的机会,就必须充分利用该平台的独特特性。那么,网络的独特特征是什么?什么是 Web 游戏?

在 2019 年 Google I/O 大会上,我分享了对 Web 游戏生态系统现状、现代 Web 游戏开发的当前最佳实践以及该行业未来发展方向的看法。在本博文中,我将总结演讲中的部分要点,您可以在 YouTube 上观看完整演讲:

Web 游戏的挑战

在加入 Google 之前,我开发了一款名为 Duet 的移动游戏,下载量已接近 2,000 万次。通过这次经历,我了解到,要想通过游戏打造成功的业务,必须具备以下三个要素:

  • 功能
  • 用户
  • 一种用于通过用户创收的方式

没有这三个要素,游戏开发者就无法取得成功。如今,这后两点最为关键。WeChat、Facebook Instant Games 等封闭式 HTML5 生态系统已证明,使用 HTML5 构建游戏是可行的。

现代最佳实践

所谓“功能齐全的游戏”,是指游戏正常运行所需的三个最核心的元素:

  • 性能
  • 视觉元素
  • 音频

在过去几年里,Web 平台在上述各个方面都取得了长足进步。在 CPU 性能方面,我们可以使用名为 WebAssembly 的高性能新标准。在图形方面,WebGL 1.0 具有良好的跨浏览器支持WebGPU 等未来标准正在为 Web 平台奠定基础,使其能够实现与 Vulkan 和 Metal 类似的可扩展图形编程未来。最后,对于 Web 音频,我们提供了常见的 Web Audio API 和较新的 Audio Worklet API

近期,Unity 预览了名为 Project Tiny 的新运行时,该运行时专注于为基于 HTML5 的平台构建 2D 游戏。Project Tiny 将新的模块化设计应用于 Unity 的引擎结构,使核心 Unity 引擎的大小小于 1 兆字节。

两辆坦克正在交战。
通过 HTML5 导出的 Unity 坦克演示版。

从技术层面来看,现在是拥抱 Web 游戏开发的绝佳时机。

进入循环

不过,一款出色的游戏显然不仅仅是性能、画面和音效出色,它还必须有趣。

趣味度是产品中难以衡量的一个元素。如果游戏足够有趣、有吸引力或富有创新性,用户就会想告诉他们的朋友,也就是说,他们会想分享自己的体验。把握这一机遇并将其与网络相结合,这是一种强大的组合,可以释放病毒式增长的巨大潜力。尤其是在网络上,由于缺少集中的发现平台,要想吸引用户,我们最好的做法就是确保我们的游戏能够尽可能广泛传播。

优秀的游戏开发者都知道,要想充分利用特定平台(无论是在软件层面还是硬件层面),必须充分利用该平台的独特特性。例如,如果您要为带有动作控制功能的游戏机构建游戏,则应考虑如何最好地利用这些动作控制功能。

换句话说,您必须尊重您所构建应用所面向平台的用户的预期。网络用户有何期望?他们希望网站内容能够快速加载,并能快速进行互动。在演讲中,我举了几个例子,介绍了游戏在设计上如何快速加载、吸引用户进入游戏世界、吸引用户互动,以及如何为用户提供额外的激励来分享他们的体验,这些例子既包括在线游戏,也包括离线游戏。

三款采用极简艺术风格的游戏。

我个人认为,打造成功的 Web 游戏的关键在于充分利用 Web 的这一独特特性。具体而言,是指网站的网址结构的强度以及用户可以加入的分享循环。

下面是一个示例,展示了我使用 Construct 3 构建的 Web 游戏,该游戏以有趣且富有吸引力的方式利用了网址。

游戏的关卡编辑器界面。

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 广告联盟 - 游戏

对于微交易,由于可实现的付款方式数量无限,因此 Web 提供了完全的灵活性。不过,这种品质是一把双刃剑。缺点是,与平台专用移动商店付款方式相比,玩家对他们发现的新网站的默认信任度较低。

Payment Request API 是一种可为网站带来更一致的付款界面的解决方案。此 API 会调用由浏览器显示的界面,并简化获取付款详细信息(例如信用卡和账单邮寄地址)的过程。不过,获取付款详情只是进行交易的第一步。您还需要一个后端结算平台。

未来展望

在过去几年里,我们见证了多款出人意料的成功网络游戏。Slither.io 打造了一种混合型业务,既面向网站,也面向特定平台,这充分说明了网站所提供的巨大覆盖面和病毒式增长机会。Poki.com 等门户网站在不断创新用户体验,每天都会发布新游戏,包括与移动版游戏画质相当的游戏,例如《Subway Surfers》或《Crossy Road》。

此外,如果您将目光投向开放 Web 之外,就会发现 Web 游戏已经开始流行。微信和 LINE 等封闭式生态系统提供的游戏令人满意,这些游戏无法在开放 Web 上玩,但它们是基于 HTML5 和 WebView 等 Web 技术构建的。这清楚地表明,网页游戏的逼真度已达到可与特定平台的移动游戏相媲美的水平,这可能不是指教科书中对逼真度的定义,而是指更重要的指标:玩家注意力。