灰烬回廊

无 尽 回 廊 · 卡 牌 远 征

构筑牌组,投资传承科技,在步步加深的灰烬回廊中活下去。
一款纯前端实现的 Roguelike 卡牌远征游戏。

Roguelike 牌组构筑 三流派科技树 随机战利品 跨局永久养成

项目概览

从 0 到可发布的完整独立游戏,历经 16 个版本迭代打磨

16
版本迭代
31
可收集卡牌
20
敌人种类
33
科技节点
5
可玩关卡
9
状态效果
0
第三方依赖

核心玩法循环

每局都是一次全新的远征,死亡后通过科技树永久变强

🃏

构筑牌组

从初始 10 张牌出发,战斗后选卡扩充

→
🗺️

节点远征

在战斗 / 精英 / 事件 / 商店 / 休息间选择路线

→
⚔️

回合战斗

费用驱动出牌,管理护盾与状态,击败敌人

→
🏺

祭坛奖励

每两层进入祭坛,三选一获得局内临时增益

→
🌳

永久养成

通关或失败都获得科技点,投入传承科技树

游戏系统

内容深度与设计细节一览

卡牌系统

31 张卡牌分为攻击 / 防御 / 治疗 / 技能四类,每张卡有独立技能实现。

挥击 烈焰斩 炽焰 吸血斩 连斩 弹射 破晓 余烬爆破 余烬风暴 烙印 灼心 烬雨 燃魂 烬心 余烬 闪烁 烬壁 枯萎 火葬 余焰

敌人 AI

20 种敌人各有独立行动循环(攻击 / 防御 / 强化 / 吐息),部分拥有特殊机制:

  • 幽魂 — 死亡分裂为 2 个影卫
  • 虚空行者 — 蓄力后释放高伤害攻击
  • 烬卫 — 召唤余烬之核助战
  • 虚空噬者 — 攻击附带灼烧
  • 烬龙 / 晶核领主 / 影渊之王 / 永夜守望者 — 4 大关底 BOSS

传承科技树

33 个节点、5 分支并列布局,跨局永久生效:

  • 传承 — 单线主干,全局数值乘区
  • 赤烬 — 伤害增幅(锋刃 / 裂伤 / 处决 / 熔火)
  • 坚岩 — 防御增幅(壁垒 / 荆棘 / 不屈 / 磐盾)
  • 生命 — 治疗增幅(复苏 / 汲血 / 循环 / 重生)
  • 遗物 — 玩法机制(复活 / 额外选项 / 能量加成)

关卡流程

每个关卡由 9 个节点组成,支持路线分支选择:

  • 余烬回廊 — 新手教学关
  • 晶簇地穴 — 晶系敌人与状态削弱
  • 影蚀深渊 — 分裂与召唤机制
  • 永夜王座 — 最终关卡
  • 无尽回廊 — 通关后解锁的无限模式

状态效果

9 种状态构成战斗策略深度,玩家与敌人共享:

强攻 荆棘 再生 灼烧 护盾 易伤 虚弱 强化 循环

难度与成长

三档难度适配不同玩家水平:

  • 简单 — 敌人弱 20%,适合熟悉系统
  • 普通 — 标准体验
  • 困难 — 敌人强 40%,科技点 ×1.5 奖励

困难模式的高风险高回报设计,为重玩驱动提供动力。

版本演进

16 个版本快速迭代与持续打磨

09-25
v1 / v3
单文件初版,核心战斗循环跑通
09-25
v4
文件夹版重构:代码拆分为 6 个 JS 模块,建立代码命名文档体系;Electron 桌面版封装起点
09-26
v5
卡牌新增 skill 字段与 SKILLS 技能表;卡面实时数值显示(战斗与结算同源)
09-26 / 27
v6
响应式适配(短屏压缩);设置菜单(全屏 / 粒子 / 动画速度);SVG 图标素材库接入
09-27
v7
科技树局外化;战利品「放弃」折科技点;层末祭坛奖励间;遗物并入全局科技树(28 节点)
09-27 / 28
v8
图标改 img 直引(修复 file:// 透明问题);科技树重设计(分页 / 缩放拖动 / 节点详情卡 / 门控)
09-28
v9
内容大版本:+12 卡牌、+6 敌人、易伤/虚弱状态、消耗/召唤/分裂/蓄力机制;科技树 33 节点分支门控;关卡节点化流程 + 无尽回廊
09-30
v9.1
科技树改 5 分支并列式布局(去主干连线、零交叉),视觉清晰度大幅提升
09-30
v9.2
修复牌堆计数显示停滞(逐张刷新 + try/catch/finally 防御)
09-30
v9.3
修复脏存档 NaN 污染数值乘区(读档清洗 + 五处 NaN 兜底)
10-02
v9.4
修复分裂影卫出牌结算异常(三层防御);SKILLS 精简重构
10-27
v9.5
修复通关后新关卡按钮不刷新(结算 / 放弃回标题后重渲染关卡按钮,结算页新增解锁提示)
10-27
v9.6 ✦ 当前版本
修复科技树无法升级:布局裁剪(节点渲染出视口)+ 升级后详情卡消失 + 拖拽劫持点击防御 + 特殊页页码保持

技术架构与工程化

零依赖、模块化、可维护的工程实践

技术栈

原生 HTML / CSS / JavaScript,零构建工具、零第三方库。
游戏本体仅 ~200KB,双击 HTML 即玩。
localStorage 存档,SVG 矢量素材,可选 Electron 桌面封装。

模块化拆分

7 个 JS 文件按职责分层:
data 数据层 → core 核心层 → ui 界面层 → tech 科技树层 → battle 战斗层 → settings 设置层 → main 入口层。

文档驱动开发

每个版本附带 代码命名文档.md(最大 58KB),记录所有命名含义、DOM id 清单、CSS 类名、扩展约定与更新记录。新人或自己中断后可快速恢复上下文。

版本管理规范

新版本 = 从最新版整体复制 → 旧版本保留不覆盖 → 文档追加新章节。
配合 Git 仓库做版本历史,可随时回退到任意版本。

防御式编程

NaN 兜底(五处)、try/catch/finally、脏存档清洗、三层异常防御机制。
战斗流程严格走完整回合循环,避免状态机卡死。

自动化验证

每版发布前:
① node --check 全量语法校验
② Edge headless 无头浏览器回归验证(注入调试条 + 像素/OCR 读取)
③ 新旧版本对照脚本验证修复生效。

扩展约定

新增敌人 / 卡牌 / 状态 / 科技节点都有明确的「必须修改位置」清单,避免图像与结算不同步的 bug。例如新增敌人需同步修改数据、SVG 素材、配色、CSS 四处。

Electron 桌面版

支持打包为 Windows 便携版 exe,含图标自动生成脚本。
桌面版工程结构分离,可基于任意版本重新封装。

在线试玩

直接在浏览器中体验最新版 v9.6

建议横屏体验 · 鼠标与触屏均可操作 · 进度保存在浏览器本地