在浏览器上打王者荣耀？

在生态链上，完成自己的角色。

上海木鸡网络科技有限公司联合创始人杨轶如是说。

了解当前移动端 Web 游戏开发的历程、技术瓶颈和作者产品的功能。

HTML5，CSS3，JS，WebGL
Web API：Web Audio API, XHR/Fetch, WebSocket, WebRTC, Web Worker, Touch/Accelerometer
存储，IndexedDB
PWA，Service Worker
JS 引擎：V8，SquirrelFish Extreme，JaegerMonkey

移动 Web 环境，Unity
- WASM 模块：函数多，加载慢，编译慢，内存占用高
- Web 天生不支持阻塞调用，加载大资源是问题
- 使用 MultiThreading，BSD Socket 的游戏
WEB-IR，Unity 引擎游戏通过 WEB-IR 处理，使其可以在移动 Web 环境运行，轻游戏2.0时代
- 代码动态 Profiling，Code Size 减至1/3，加载启动提速2X
- 编译器支持的阻塞机制，虚拟上下文切换，支持资源渐进式加载，支持 TCP/UDP select/poll
- 虚拟协程来模拟多线程
软件栈
- OS Layer
- WebView Client, Browser Client
- Game Engine Core / WebAPI 和设备打交道，平台 SDK
- Game Logic Native Part / Game Logic Web Part 游戏逻辑
内存使用是 Web 游戏的第一阻碍

贪吃蛇游戏
- 代码动态 Profiling，Code Size 缩小到1/3，编译加载时间缩短
- 支持阻塞调用，资源文件可以同步读取，仅需要8M 内存来做 Cache，按需下载的数据很小，加载耗时明显缩短
- 对原始 WASM 代码进行重编译，插入控制指令，并 Patch Unity 的 IL2CPP 库以支持虚拟的多线程调用和 UDP 连接，解决了原生游戏所依赖的网络连接问题
MMO 3D 游戏
- 3D 游戏，需要更大的计算量和更多的资源，同时也证实了 Unity 3D 游戏的表现力
- 由于原生游戏依赖了很多第三方库，Unity WebGL 版执行代码有超过60K 个函数
- Demo 版的资源有300M，意味着完整游戏会在 GB 级别，占用内存也就在 GB 级，在手机浏览器环境是完全不可接受的
- MMO 游戏，要用到 BSD Socket 和 Multi-Threading，不做调整的 Unity WebGL 版依旧无法运行
- 通过我们处理，有效函数控制在20K 个，为了满足 iOS 对编译 WASM 的限制采取了 WASM 和 JS 混搭的 Hybrid 模式，同时配以 IndexedDB 来满足资源持续储存并作为 Cache 加速再次加载的速度
3D 动作游戏
- 中量级，3D 单机游戏，内容丰富，移植速度快
解谜类游戏
- 适合 Web 化，操作要求不高
实践中的关键
- WASM 程序所要编译的函数
- 游戏首帧启动时间
- 游戏运行时内存占用