准备就绪的播放器网页

构建适用于现代 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 Audio API,而最近推出的是 Audio Worklet API

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

两辆坦克参与战斗。
通过 HTML5 导出的 Unity 的 Tanks 演示。

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

进入循环

出色的游戏显然不仅仅是出色的性能、图形和声音,但要成功,就必须具有趣味性。

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

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

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

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

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

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

游戏的关卡编辑器界面。

Space Board 是一款非常简单的游戏,可在移动设备上使用触控操作,也可在桌面设备上使用键盘输入。目标是穿越迷宫中的障碍,到达最后的目标。

太空板如何以独特的方式利用网址?将层级结构编码到网址本身中。所有关卡均定义为 10x10 网格对象,例如墙壁、敌人炮塔、钥匙、上锁的门等。然后,该网址会列出所有网格位置及其内容。墙壁由 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 是一种可为网站带来更一致的付款界面的解决方案。此 API 会调用浏览器显示的界面,从而简化信用卡和账单邮寄地址等付款信息的获取。不过,获取付款详情只是进行交易的第一步。您还需要一个后端结算平台。

未来展望

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

此外,如果放眼开放网络之外,你会发现网络游戏已经开始兴起。封闭式生态系统(如微信和 LINE)提供一些令人满意的游戏,无法在开放网络上玩,而是以 HTML5 和 WebView 等网络技术为基础构建而成。这清楚地表明,网页游戏的逼真度已达到足以与特定平台的移动游戏相媲美的水平,这可能不是指教科书中对逼真度的定义,而是指更重要的指标:玩家注意力。