我一直想了解如何不依赖游戏引擎来构建一个游戏,所以我决定用 HTML5 Canvas + 模块化 JavaScript 从零开始构建 Kings & Pigs

它是一个基于浏览器的 2D 平台游戏,您将扮演一名国王,打击不同类型的猪,处理炸弹,箱子和大炮,并通过基于瓷砖的关卡。

有趣的是,PNG 不仅仅是一个图像。

  • 🔴 红色 → 地形/瓷砖信息
  • 🟢 绿色 → 元数据,如翻转和门状态
  • 🔵 蓝色 → 对象和敌人

然后,游戏可以读取图像的每个像素,并在运行时重构关卡。

在背后,我还实现了游戏循环、基于瓷砖的碰撞检测、重力/跳跃、摄像机运动、敌人行为、弹道物理、精灵动画、战斗和关卡加载。

这个项目仍然很粗糙,有很多 bug 和缺失功能。完全一人手动维护一个增长的游戏代码库已经变得非常耗时,所以我非常需要来自有游戏/引擎经验的人的反馈,特别是关卡表示、碰撞系统和整体架构。任何反馈、想法、bug报告或贡献都非常欢迎 — 如果您发现了什么或对这个项目有一个想法,请在 GitHub 上开一个 issue。

GitHub: https://github.com/PrithwisK07/Kings-Pigs

部署: https://kings-pigs-beta.vercel.app/