赛博回合格斗 (Cyber Turn-Based Fighter) - 游戏设计文档

版本: v1.0
日期: 2026-04-30
平台: Web
引擎: Phaser 3 + TypeScript
团队: Solo 开发者

一、游戏概述

1.1 一句话介绍

回合制赛博朋克格斗游戏——每轮选择武器、防具与技能，在五属性循环克制与动态战斗环境的博弈中，通过三轮战斗KO对手或以剩余血量取胜。

1.2 核心体验

• 策略深度：五属性循环互克 x 六种战斗环境 x 三级装备风险收益 = 无限重玩价值
• 炫酷打击感：屏幕震动 + 时间减速 + 白闪 + 粒子炸裂 + 赛博霓虹后处理
• 快速对局：三轮制，每局 3-5 分钟，上手容易精通难

1.3 目标玩家

• 喜欢策略博弈但不想要复杂操作的玩家
• 赛博朋克视觉风格爱好者
• 碎片时间娱乐需求（Web 即开即玩）

二、核心玩法

2.1 战斗流程

每轮战斗流程:

1. 选装阶段（双方同时暗选）
   选择: 1武器 + 1防具 + 1技能

2. 先手判定（随机 50/50）

3. 先手方行动
   技能释放 -> 攻击释放 -> 伤害结算

4. 后手方行动
   技能释放 -> 攻击释放 -> 伤害结算
   (防御技能在本轮叠加防御值)

5. KO 检查
   血量 <= 0 -> 本局结束

6. 进入下一轮（共3轮）

2.2 关键规则

2.3 技能类型

2.4 伤害公式

最终伤害 = max(1,
  (武器ATK x 属性克制系数 + 环境ATK修正 + 技能攻击加成)
  - (防具DEF x 属性被克系数 + 环境DEF修正 + 防御技能加成)
  + 随机浮动(+-10%)
)

其中:
  属性克制系数 = 克制时 1.3 / 被克时 0.8 / 中性 1.0
  环境ATK修正 = 强化时 +4 / 削弱时 -3 / 中性 0
  环境DEF修正 = 强化时 +3 / 削弱时 0 / 中性 0

三、五属性循环互克系统

3.1 属性定义与克制关系

克制方向（顺时针）: 能量 -> 机械 -> 生物 -> 电子 -> 化学 -> 能量
被克方向（逆时针）: 能量 <- 化学 <- 电子 <- 生物 <- 机械 <- 能量

        能量 (Energy)
       ^              \
  生物                机械
   ^    \            /   ^
化学     电子

能量: 等离子/激光/能量护盾 - 高温熔穿机械结构 - 克机械/被化学克
机械: 动能武器/重甲/物理冲击 - 物理碾压生物组织 - 克生物/被能量克
生物: 纳米虫/生化武器/有机护甲 - 纳米侵蚀电子元件 - 克电子/被机械克
电子: EMP/黑客入侵/电磁脉冲 - 电磁干扰能量系统 - 克化学/被生物克
化学: 酸蚀/毒气/腐蚀涂层 - 化学溶解能量容器 - 克能量/被电子克

克制效果：克制方伤害 +30%，被克方伤害 -20%（不对称设计鼓励主动选克制）

四、装备数据表

4.1 武器

能量武器

机械武器

生物武器

电子武器

化学武器

4.2 防具

能量防具

机械防具

生物防具

电子防具

化学防具

4.3 技能

能量技能

机械技能

生物技能

电子技能

化学技能

五、战斗环境系统

每场战斗随机分配一个环境，环境影响整局3轮。

环境视觉表现

六、角色设计

七、策略三角

选装时要同时考虑三个维度:

1. 克制维度: 对手可能选什么属性? 我选克制属性?
   -> 猜拳博弈

2. 环境维度: 当前环境强化/削弱了什么?
   -> 顺应环境有加成，但对手也知道

3. 等级维度: 高级装备强但有副作用，值得吗?
   -> 风险收益权衡

举例:
  环境 = 霓虹街区(能量强化/化学削弱)

  稳妥打法: 选能量系顺应环境(+4ATK)，但对手也猜到你会选能量
  -> 对手可能选化学系克制你 + 环境削弱化学(-3ATK)
  -> 化学克制抵消环境削弱: +30%(克制) vs -3ATK(环境) 约净赚
  -> 所以选化学反而在"强化环境"中成了一种反向策略!

  这就是策略深度

八、视觉风格

8.1 视觉路线: 2D骨骼动画 + WebGL粒子 + 赛博霓虹后处理

• DragonBones (免费) 做角色骨骼动画
• Phaser 3 原生粒子系统做战斗特效
• PIXI Filter 做后处理(Bloom/Glitch/色差)

8.2 炫酷感三板斧

1. 打击感 = 屏幕震动 + 时间减速 + 白屏闪光
2. 命中瞬间: 3-5帧时间减速(0.2x) -> 白闪1帧 -> 震动10px

3. 暴击: 额外加裂屏效果 + 更强震动

4. 赛博氛围 = Bloom泛光 + 扫描线 + 色差偏移

5. 所有霓虹元素加Bloom发光
6. 全局CRT扫描线(透明度10%)

7. 大招时色差偏移(CRT故障感)

8. 粒子炸裂 = 命中火花 + 能量波 + 拖尾

9. 攻击命中: 橙色火花粒子(30+个)
10. 技能释放: 赛博色能量环扩散
11. 角色移动: 霓虹拖尾

九、技术架构

9.1 技术栈

9.2 项目结构

cyber-fighter/
├── src/
│   ├── scenes/
│   │   ├── BootScene.ts          # 资源加载
│   │   ├── MenuScene.ts          # 主菜单
│   │   ├── CharacterSelect.ts    # 角色选择
│   │   ├── EquipScene.ts         # 装备选择（核心UI）
│   │   ├── BattleScene.ts        # 战斗主场景
│   │   └── ResultScene.ts        # 结算
│   ├── systems/
│   │   ├── CombatSystem.ts       # 战斗逻辑核心
│   │   ├── DamageCalculator.ts   # 伤害公式
│   │   ├── AISystem.ts           # AI决策
│   │   └── TurnManager.ts        # 回合管理
│   ├── data/
│   │   ├── weapons.ts            # 武器数据表
│   │   ├── armors.ts             # 防具数据表
│   │   ├── skills.ts             # 技能数据表
│   │   └── characters.ts         # 角色数据表
│   ├── effects/
│   │   ├── ParticleEffects.ts    # 粒子特效定义
│   │   ├── ScreenShake.ts        # 屏幕震动
│   │   └── PostProcessing.ts     # 后处理效果
│   └── store/
│       └── gameStore.ts          # Zustand全局状态
├── public/
│   ├── assets/
│   │   ├── sprites/              # 角色精灵图
│   │   ├── textures/             # 纹理/粒子贴图
│   │   ├── audio/                # 音效/BGM
│   │   └── dragonbones/          # 骨骼动画资源
│   └── index.html
├── package.json
├── tsconfig.json
└── vite.config.ts

十、AI决策设计

// AI策略核心: 评估函数
function aiDecide(myHP, enemyHP, round, environment) {
  // 1. 考虑环境加成 - 优先选择环境强化属性
  // 2. 血量低 -> 优先修复/防御
  // 3. 敌人血量低 -> 优先攻击收割
  // 4. 最后一轮 -> 看血量差决定攻防
  // 5. 加入30%随机 -> 不可预测

  const hpRatio = myHP / maxHP;
  const enemyHpRatio = enemyHP / maxHP;

  if (hpRatio < 0.3) return 优先修复/防御;
  if (enemyHpRatio < 0.3) return 优先攻击收割;
  if (round === 3) return 血量领先就防守，落后就拼命;
  return 混合策略(考虑环境倾向) + 随机;
}

AI难度分级: - 简单: 纯随机选装，不考虑克制和环境 - 普通: 50%概率选最优，50%随机 - 困难: 考虑克制+环境+对手历史选择，10%随机 - 噩梦: 完美评估，极少犯错

十一、开发路线图 (Solo 6周)

MVP目标 (Week 1结束)

• 能打，能赢，能输
• 纯文字UI，无动画
• 1武器/1防具/1技能的最小可玩

十二、后续扩展方向

• 多人对战 (WebSocket实时)
• 赛季排行
• 更多角色和装备
• 装备合成/升级系统
• 剧情模式 (PVE闯关)
• 移动端适配