打造 33 合 1 网页游戏平台：代码分割与微端架构实践

在一套前端工程中集成 33 款各具特色的街机与益智小游戏，若不加以架构控制，巨额的音效包与图形引擎将导致包体积突破数十兆。

我打造了 GameHub (games.ladestack.in)，在聚合 33 款经典游戏的同时，确保首屏绘制（FCP）始终低于 0.8 秒。

按需代码沙箱与动态加载

每个游戏均被封装为独立的按需加载模块。用户浏览游戏大厅时仅加载元数据与轻量图标，只有点击开始游戏时才按需抓取对应游戏引擎代码。

Web Audio API 实时音频合成

舍弃笨重的高保真 MP3 文件，利用 Web Audio API 的方波与正弦波振荡器实时合成复古音效，彻底省去了几兆字节的音频带宽。

完备的状态与内存清理

统一封装游戏生命周期 Hook，在退出游戏时彻底销毁 Canvas 循环和事件监听，确保页面常驻不卡顿。