在浏览器上打王者荣耀？

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

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

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

HTML5，CSS3，JS，WelGL
Web API：Web Audio API, XHR/Fetch, WebSocket, WebRTC, Web Workder, Touch/Accelerometer
存储，IndexedDB
PWA，Service Worker
JS引擎：V8，SquirrelFish Extrem，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游戏的第一阻碍

贪吃蛇游戏
- 代码动态Profilling，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程序所要编译的函数
- 游戏首帧启动时间
- 游戏运行时内存占用