准备就绪的播放器网页

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

Tom Greenaway

优秀的游戏开发者都知道,要抓住特定平台的机会,一定要拥抱该平台的独特特征。那么,网络有哪些独有特征呢?网页游戏的定义又是什么呢?

在 2019 年 Google I/O 大会上,我分享了自己对网页游戏生态系统现状、现代网页游戏开发的当前最佳实践以及行业发展方向的看法。在这篇博文中,我将总结我的演讲中的一些要点,您可以在 YouTube 上完整观看这些内容:

网页游戏面临的挑战

在加入 Google 之前,我开发了一款名为 Duet 的手游,这款游戏的下载量近 2000 万次。通过这段经历,我了解到,通过游戏打造成功业务的三个基本要素是:

  • 功能型游戏
  • 用户数量
  • 通过用户创收的方式

如果没有这三个元素,游戏开发者就无法取得成功。如今,这两点是最关键的。封闭式 HTML5 生态系统(如微信、Facebook 免安装游戏等)已经证明,使用 HTML5 构建游戏是可行的。

现代最佳做法

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

  • 性能
  • 视觉震撼
  • 音频

在过去的几年里,网络平台在所有这些领域都取得了长足的进步。为了提升 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 游戏开发的最佳时机。

进入循环

当然,优秀的游戏不只是出色的性能、图形和音效 - 出色的游戏必须充满乐趣。

趣味性对于产品而言很难衡量。当一款游戏足够有趣、有趣或富有创意时,用户就会愿意与他们的朋友分享,也就是说,他们乐于分享他们的游戏体验。抓住这一机遇并将其与网络相结合,可以充分发挥潜力,实现病毒式增长。特别是在网络上,如果没有集中的发现平台,我们获取用户的最佳方式就是确保我们的游戏尽可能火爆全网。

优秀的游戏开发者都知道,要想利用特定平台(无论是在软件层面还是硬件层面)变现,采用该平台的独特特征非常重要。例如,如果您正在为支持动作控制的主机开发游戏,那么可能应该考虑采用这些动作控制的最佳方式。

换言之,对于您在构建应用时所依赖的平台,您必须尊重他们的期望。网络用户有什么期望?他们希望网络内容能够快速加载和快速互动。在我的演讲中,我介绍了几个网页示例,包括网页端和离线端,这些示例都说明游戏的设计宗旨是快速加载、吸引用户进入游戏世界、与这些用户互动,以及为用户提供额外的激励措施来分享他们的体验。

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

我个人认为,构建成功的网页游戏的关键在于充分利用网络的这一独特特征。具体而言,就是网站网址结构的优势以及用户可以加入的共享循环。

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

游戏的关卡编辑器界面。

Space Board 是一款非常简单的游戏,玩家可以在移动设备上使用触控功能畅玩,也可以在桌面设备上使用键盘输入。游戏的目标是穿越迷宫般的障碍,最终抵达终点。

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 等门户网站都在不断创新的用户体验,每天都会发布新游戏,包括与同类移动游戏(如《地铁跑酷》或《Crossy Road》)相媲美的游戏保真度。

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