“三千大道,皆为算法。在 Bug 横行的世界,用代码逆天改命。”
本项目是一个基于 HTML5 Canvas 的 Roguelike 生存射击游戏。玩家扮演一名穿越进修仙世界的程序员,通过选择不同的技术栈(门派),利用代码(技能)击杀 Bug(怪物),最终飞升成仙(CTO)。
无需安装任何依赖,单文件 HTML 即可运行,适配 PC 与 移动端浏览器(暂时不适配)。
本项目经历了三个主要版本的迭代,完成了从基础 Demo 到复杂游戏系统的重构。
- 核心机制:建立了基础的
Game Loop(游戏循环),实现了玩家移动、自动射击和基础碰撞检测。 - 渲染技术:使用原生 Canvas API 绘制简单的几何图形(三角形飞机、圆形子弹)。
- 局限性:游戏逻辑硬编码,缺乏扩展性,需本地安装环境(最初构想为 Python,后迁移至 Web)。
- 渲染优化:引入
Emoji作为游戏贴图,无需加载外部资源即可实现丰富的视觉效果。 - 特效系统:增加了粒子系统(Particle System)和霓虹光晕(Shadow Blur),实现赛博朋克风格的视觉体验。
- UI 重构:通过 CSS 浮层实现了 HUD 面板、暂停菜单和结算弹窗,增加了“毛玻璃”效果。
- 状态管理:引入了有限状态机(FSM)管理 Menu, Playing, Paused, Upgrade 等游戏状态。
- 面向对象重构:建立了
Faction(门派)基类,实现了 Web/Java/Mobile 三大职业的差异化配置(子弹逻辑、专属敌人池)。 - 数值体系优化:
- 无限成长:重写了升级逻辑,技能支持无限叠加(Stacking),解决了 v2 版本后期技能耗尽导致递归死锁(Crash)的问题。
- 动态难度:引入时间/分数挂钩的难度曲线,实现平滑的难度爬升。
- 物品系统:新增 Loot 系统(掉落物),实现了磁吸效果和概率掉落算法。
- 响应式设计:自动适配窗口大小,支持移动端触摸与 PC 键盘双重输入。
- 选择门派:
- 🎨 前端:高攻速,脆皮,对抗
undefined。 - ☕ 后端:高爆发,厚血,对抗
404。 - 📱 移动:多弹道,灵活,对抗
Crash。
- 🎨 前端:高攻速,脆皮,对抗
- 操作:
- 移动:WASD 或 方向键。
- 暂停:ESC 键 或 点击屏幕。
- 目标:击杀 Bug 积累 KPI(经验),选取技能卡牌,活得越久越好。
- 直接下载
index.html用浏览器打开。 - 或者访问在线地址:[(https://dedenclichking.github.io/Code-Cultivation/)]
由 [北漂小弟] 开发,基于 AI 辅助编程迭代完成。