为 Kiwi Defenders 选择原生 HTML5：抛弃重型游戏引擎的幕后思考
深入探讨我们这款轻量级、60 帧丝滑运行的 Web 塔防游戏背后的工程决策。
当《Kiwi Defenders》的开发工作启动时，一个决定塑造了后续的一切：保持游戏的轻量化、极速载入，以及点开即玩。
极速载入是核心设计目标
我们没有依赖 Unity 或 Godot 这样庞大的游戏引擎，整个专案完全使用原生 JavaScript (Vanilla JavaScript) 与原生的 HTML5 Canvas API 构建。这种方法让我们从第一天起，就能对效能、渲染、记忆体使用与行动端优化拥有绝对的控制权。
对于浏览器玩家来说，这一点比以往任何时候都重要。没有人愿意在测试一款游戏前等待漫长的下载。我们的目标很简单：打开网页，几秒钟内就开始保卫纽西兰。
点击此处立即游玩纯净 HTML5 版的 Kiwi Defenders ➔
打造稳定的 60 FPS 体验
塔防游戏最大的技术挑战之一，是在高单位密度的混乱战场中保持流畅的帧率。到了战役后期，几十个弹射物、粒子特效、敌人、召唤物与动画可能会同时处于启用 (Active) 状态。
为了应对这种负载，引擎使用了一个经过精心优化的 requestAnimationFrame 循环，将游戏逻辑与渲染操作严格分离。这使得战斗计算即使在「末日级」波次、萤幕视觉极度密集的时刻也能保持稳定。
其结果就是：无论是在桌面浏览器、平板电脑，还是低阶行动装置上，游戏都能提供灵敏的控制与极其流畅的战斗表现。
极具扩展性的轻量级碰撞侦测
《Kiwi Defenders》没有实作昂贵的物理模拟，而是依赖于精简的 AABB（轴对齐包围盒，Axis-Aligned Bounding Box）碰撞系统。
这种极简主义的架构支撑着：
- 近战击中判定
- 弹射物撞击
- 对空单位锁定
- 溅射范围伤害 (AOE) 计算
- 防御墙互动
因为该系统的计算成本极低，所以萤幕上可以同时存在庞大的敌人群体，而不会引发严重的掉帧。
跨平台游玩的响应式设计
现代浏览器游戏必须「无处不在」。游戏的响应式 Canvas 系统能够动态缩放战场，同时完美保留长宽比与游戏画面的清晰度。
结合经过优化的 WebP 序列帧 (Sprite sheets) 与压缩过的音讯资产，游戏体验不仅在视觉上保持干净，而且完全不会臃肿拖慢载入时间。
无论玩家是在宽萤幕桌面显示器上启动游戏，还是在横向模式的手机浏览器中游玩，战场始终居中、锐利且易于阅读。