项目概览
Slash Neon 是我独立设计与开发的节奏动作网页游戏。玩家在霓虹舞台中自由组合射击、蓄力、上挑与突进斩，应对来自地面和空中的敌人。项目已包含选曲、分级挑战、上手教学、结算评分与成绩记录，并跑通 Suno 音乐创作、AI 生成谱面与人工编辑的内容制作管线。
设计从一个问题出发：如何让音乐影响战斗选择，同时保留动作游戏的自由？我的做法是让输入即时执行，玩家可以提前清敌、换位或回避；合拍与节奏组合则提供额外收益，鼓励玩家主动寻找自己的战斗节奏。
从核心战斗到完整游玩流程
围绕“选择挑战 → 演出与结算 → 练习后再挑战”，我补齐了核心战斗之外的应用系统，让玩家能够判断难度、理解表现，并为下一次游玩设定目标。
- 选曲与分级挑战。七首歌曲各有入门、标准、挑战、进阶四档，共 28 份玩法编排。选曲页呈现歌曲信息、谱面等级、敌人与机关配置及最高分；通过敌人组合、同屏压力与空地衔接建立难度递进。Lv.2–10 表示当前谱面的难度初评。
- 计分与成绩反馈。把击杀、合拍、技巧、连击、Boss 输出与机关管理拆解为分项得分，配合清除率、合拍击杀率和最大连击，帮助玩家理解表现。按歌曲、难度与谱面版本保存本机整曲最高分，为重复挑战提供明确目标。
- 教学、训练与复盘。完整的新手教程包含十二课，采用“看示范 → 自己完成三次”的学习方式；自由训练与分段排练支持针对性练习。一命完成整曲后，可观看操作回放。课堂进度保存在本机，回放保留当前页面最近一次完整演出。
从音乐创作到可玩谱面的制作管线
谱面可以由 AI 生成，也可以自行编辑。我已跑通从 Suno 创作音乐，到生成、调整谱面并接入游戏的完整流程，让后续内容能够围绕个人创作持续扩展。
- 创作音乐。使用 Suno 生成音乐，为新的战斗节奏与关卡主题提供素材。
- 生成并编辑谱面。使用 AI 辅助编排，再人工调整敌人组合、出现时机与难度，保留设计者对游玩体验的控制。
- 导入、试玩与修订。将曲目与谱面接入游戏，通过实际游玩检查节奏和挑战是否匹配，再继续调整。
这条管线使内容扩展可以采用个人创作的音乐与谱面，减少对现成商业曲库的依赖。它是我在制作端跑通的工作流程，当前展示曲目的来源另见游戏内说明。
两天起步，持续完善游戏体验
两天内完成从玩法构思、立项到首个可玩 Demo。我先把动作与节奏的设计判断变成可以实际操作的规则，再通过反复试玩与规则检查修订。后续围绕学习成本、挑战节奏与重复游玩的目标持续迭代，将原型扩展为独立游戏应用：
- 让动作选择参与节奏。早期持续射击占据了太多注意力，冲刺的主动收益也不足。我将冲刺扩展为突进斩，让枪与刀共用节奏组合，并用盾卫、成群敌人和高低威胁检验不同解法。
- 让敌人编排承接动作。发现清地后升空、越过敌人后落地回斩的衔接值得保留后，我围绕这些动作关系重编谱面，以重复、镜像与变奏建立节奏，同时保留提前清除或其他攻击方式。
- 分步呈现上手信息。面对节拍、方向与移动需要同时处理的负担，新增逐项课堂，每课只开放相关操作；再加入角色示范与同步按键提示，以三次有效完成确认练习进度。
从快速验证核心玩法，到补齐选关、难度、评分与复盘，我把原型制作和持续迭代连接为完整的设计开发过程。
技术路线
游戏采用 HTML / CSS / JavaScript 开发，以 Canvas 绘制角色和舞台，Web Audio 播放音乐与调度音效。规则模拟与画面渲染分离，以音频时钟推进战斗，统一处理暂停、重试与排练中的音乐位置。
曲库、敌人编排和难度变体以数据组织，方便独立调整关卡内容；用浏览器本地存储保存成绩和学习进度，通过输入记录重现演出回放，并以规则检查与输入路线验证判定。最终打包为可直接分发的静态网页应用。
实机画面与演示
通过实机画面与演示了解枪刀衔接、连击反馈及 Boss 战中的节奏变化。
亲自试玩
无需安装，直接进入浏览器试玩。建议使用电脑键盘并开启声音；初次体验可先进入“上手课堂”，看示范后再尝试完整歌曲。