来体验一下同学们开发的无尽跑酷游戏吧
关于游戏
游戏一打开,就是满屏的霓虹光效:
- 霓虹都市:青蓝色调,荆棘收集,二段跳
- 虚空回廊:紫绿配色,虚币收集,速度更快
- 深渊回廊:血红色调,结晶收集,三段跳 + 超低重力
每切换一个维度,天空、地面、光刃、敌人、收集物全部换色,连重力手感都不一样。
模式一:跑酷模式
经典无限跑酷,但体验很好:
收集 5 颗荆棘 → 撕开虚空之门 → 进入下一维度。
收集 8 颗虚币 → 再开深渊之门 → 进入深渊回廊。
霓虹 ✦×5 → 虚空 ✦×8 → 深渊回廊
模式二:光刃战模式
这是这个游戏最酷的地方——跑酷 + 战斗。
你手里有三刃等离子光刃:
- 轻击(J / 右键):连斩,越连越猛
- 重击(L):崩山,一刀把障碍物斩飞
- 空中 J / ↓:垂直贯刺,落地还能弹起来
无双终结斩
连按轻击 5 下后,再按 1 下 → 触发无双终结斩:
- 全屏爆闪
- 12 道放射斩痕 + 4 道屏幕十字斩
- 全屏范围判定,所有障碍物直接斩飞
- 短暂时空凝固
连按 5 下轻击,再按 1 下,试试看。
时空凝滞:E 键
按 E,世界慢放,时空符文爆发:
- 三层时钟符文环扩散
- 全屏扫描线 + 边框脉冲
- 玩家身上出现旋转时间环
- 持续 3 秒,速度降到 28%
这是游戏里最强的保命技能,也是视觉最炸的效果。
技术亮点
这个项目虽然是一个游戏,但里面练到的编程知识非常密集:
- Canvas 2D 渲染:粒子、光刃、符文、斩痕、渐变、阴影
- 游戏主循环:requestAnimationFrame + dt 时间差,不同帧率速度一致
- 碰撞检测:手写 AABB 矩形碰撞
- 物理:重力、跳跃初速度、二段/三段跳、下砸反弹
- 输入系统:键盘 + 鼠标 + 触摸三套统一处理
- 数据驱动:三个维度的所有参数集中配置,切换只需换 key
- 状态管理:菜单 / 进行中 / 结束、连击、维度、时间凝滞
一个 HTML 文件,把循环、条件、数组、对象、函数、事件、状态机、碰撞、动画、UI 全用上了。
关于项目
这个项目是 James 同学在 AI 辅助下完成的。从 AI 的角度看,它说明了:
- AI 是加速器,不是替代品——光刃拖尾、终结技斩痕、时钟符文这些视觉细节,AI 可以快速给初版,但玩法取舍、手感调校、难度平衡,仍然是人来定。
- Prompt 能力 = 把想法拆成可执行需求——把我想做一个跑酷游戏拆解成模式、维度、技能、连击、UI、移动端适配……
- 会读代码比会写代码更重要——AI 可以写,但你要能判断它写得对不对。
当你有一个具体的想法,并且愿意把它拆解、实现、调试、打磨,
AI 可以帮你走得更快;但走哪条路、怎么走,仍然是你自己的事。
为 James同学点赞!
也期待更多同学做出自己的作品!

点击图片体验游戏