来体验一下同学们开发的无尽跑酷游戏吧

点击图片体验游戏

关于游戏

游戏一打开,就是满屏的霓虹光效:

  • 霓虹都市:青蓝色调,荆棘收集,二段跳
  • 虚空回廊:紫绿配色,虚币收集,速度更快
  • 深渊回廊:血红色调,结晶收集,三段跳 + 超低重力

每切换一个维度,天空、地面、光刃、敌人、收集物全部换色,连重力手感都不一样。

模式一:跑酷模式

经典无限跑酷,但体验很好:

收集 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 的角度看,它说明了:

  1. AI 是加速器,不是替代品——光刃拖尾、终结技斩痕、时钟符文这些视觉细节,AI 可以快速给初版,但玩法取舍、手感调校、难度平衡,仍然是人来定。
  2. Prompt 能力 = 把想法拆成可执行需求——把我想做一个跑酷游戏拆解成模式、维度、技能、连击、UI、移动端适配……
  3. 会读代码比会写代码更重要——AI 可以写,但你要能判断它写得对不对。

当你有一个具体的想法,并且愿意把它拆解、实现、调试、打磨,
AI 可以帮你走得更快;但走哪条路、怎么走,仍然是你自己的事。

为 James同学点赞!
也期待更多同学做出自己的作品!

类似文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注