⚡ CYBER GUNDAM THUNDER

一款基于 HTML5 Canvas 开发的赛博朋克 × 高达风格竖版卷轴射击游戏，融合海克斯科技养成、高速战斗演出与体素像素美学，纯前端实现，开箱即玩。

---

✨ 功能特性

🎮 核心战斗系统

• 自动弹幕射击：智能锁定自动开火，支持多重散射与穿透弹
• 冲刺回避机制：Trans-Am 系统提供无敌冲刺，可穿越敌群（空格键触发）
• 动态威胁体系：6 类敌人（扎古/大魔/吉恩号/狙击/冲锋/母舰），各具独特攻击模式
• 物理打击反馈：子弹穿透、爆炸击退、受击停顿（Hit Stop），还原硬核机甲对战手感

⚡ 海克斯核心（Hextech Cores）

• 随机三选一强化：每波结束获得赛博卡牌，构建专属 Build
• 4 阶稀有度：普通(白)/稀有(蓝)/史诗(紫)/传说(金)，30+ 种强化组合
• 协同效应：特定组合触发隐藏属性（如"磁轨超充+龙骑兵"激活白色恶魔形态）
• 风险回报机制：超载核心提升火力但持续掉血，NT 觉醒濒死反杀

🎨 赛博高达美学

• 联邦配色方案：严格遵循 RX-78-2 经典白(#F5F5F5)/红(#D32F2F)/蓝(#1976D2)/黄(#FBC02D)
• 体素渲染风格：全 3D 方块构筑机体，爆炸产生体素碎片飞溅
• CRT 扫描线：复古显示器滤镜 + 赛博朋克发光 UI
• 动态特效系统：冲击波扩散、屏幕震动、慢动作击杀、伤害飘字

🎯 爽快战斗演出

• 连击系统：连续击杀维持 Combo 倍率，伤害数字逐级放大
• 暴击特效：20% 概率触发金色暴击，伴随镜头震动与冲击波
• 预警机制：狙击红线、冲锋红圈、激光充能，高风险高回报博弈
• NT 觉醒：生命值低于 30% 进入子弹时间，移动速度翻倍

---

🚀 在线体验

🔗 立即体验 CYBER GUNDAM THUNDER

🕹️ 操作指南

操作	功能
WASD / 方向键	战机移动
Space / Shift	Trans-Am 冲刺（无敌穿透）
触摸滑动	移动端相对移动控制
自动	自动射击，按住聚集火力

---

🛠️ 技术栈

• HTML5 Canvas 2D：原生渲染，Pixel Perfect 锐化
• JavaScript (ES6+)：面向对象架构，无第三方库依赖
• CSS3 Cyberpunk UI：Clip-path 切角面板、Neon 发光特效、Glitch 故障艺术
• 对象池优化：子弹/粒子/敌人复用，避免 GC 卡顿
• 动态时间缩放：NT 觉醒时 0.6x 慢动作，不影响逻辑帧率

---

📦 本地运行

📋 环境要求

• 现代浏览器（Chrome 80+ / Firefox 78+ / Edge 80+ / Safari 13+）
• 支持 Canvas 2D 与 ES6 语法
• 建议分辨率：1920×1080 / 移动端全屏

⚡ 快速开始

# 克隆仓库
git clone https://github.com/CNSleepybear/cyber-gundam-thunder.git
cd cyber-gundam-thunder

# 启动本地服务器
python -m http.server 8000
# 或
npx http-server -p 8000

# 浏览器访问
open http://localhost:8000

---

📁 项目结构

cyber-gundam-thunder/
├── index.html          # 游戏主文件（单文件包含所有逻辑）
├── README.md           # 项目说明
├── LICENSE             # MIT 许可证
└── assets/
    ├── screenshot.png  # 游戏主界面截图
    ├── demo.gif        # 战斗演示动画
    └── palette/        # 高达配色参考
        └── gundam-hex.json

---

🖥️ 系统配置要求

画质等级	FPS 目标	特效级别	开启特性	推荐设备
🟢 极高	60+	全部	粒子爆炸 + 震动 + 慢动作 + 残影	中高端 PC / iPad Pro
🔵 高	60	标准	冲击波 + 伤害飘字 + 基础粒子	主流 PC / 旗舰手机
🟡 中	45	节能	仅保留伤害数字与基础爆炸	中端手机 / 笔记本
🔴 低	30	极简	关闭所有后期特效，仅基础渲染	入门设备

⚠️ 游戏自动检测帧率，低于 30 FPS 时自动降级特效以保证操作手感。

---

🧠 核心机制亮点

海克斯核心生成算法

采用「动态权重 + 协同引导」确保 Build 多样性：

// 伪代码：稀有度与流派平衡
function generateHextechOptions(playerCores) {
  const rarityWeights = { common: 60, rare: 25, epic: 10, legendary: 5 };
  
  // 协同效应引导：已有龙骑兵则提高浮游炮相关卡牌概率
  if (playerCores.some(c => c.id === 'fin_funnel')) {
    boostRarity('drone_master', 3.0);
    boostRarity('beam_saber', 2.0);
  }
  
  // 保底机制：每 5 波必出 1 张史诗+
  if (wave % 5 === 0) rarityWeights.epic += 20;
  
  return weightedRandomPick(HEXTECH_DB, rarityWeights, 3);
}

敌人类型与威胁等级

敌人	代号	威胁类型	应对策略
扎古	Zaku	基础弹幕	横向移动回避
大魔	Dom	双发压制	利用射程优势
吉恩号	Zeong	8向弹幕	寻找弹幕间隙
狙击型	Sniper	高速贯穿	注意红线预警，垂直机动
冲锋型	Charger	撞击伤害	预留冲刺无敌帧
母舰	Carrier	spawn 海	优先击杀，避免被淹没
激光型	Laser	持续伤害	预判旋转轨迹

伤害计算公式

// 最终伤害 = 基础 × 暴击 × 连击 × 处决
let damage = baseDamage;
if (Math.random() < critChance) damage *= critMultiplier;
damage *= (1 + combo * 0.05); // 每连击+5%
if (execution && target.hp < target.maxHp * 0.3) damage *= 2;
damage *= timeScale; // 慢动作时不减伤害

---

📝 自定义配置

搜索代码中 GAME_CONFIG 修改核心参数：

const GAME_CONFIG = {
    playerSpeed: 6,              // 战机基础移速 (4-10)
    bulletSpeed: 10,             // 弹速 (6-15)
    fireRate: 12,                // 射速间隔帧数 (6-30)
    shieldRegen: 0.3,            // 护盾自动回复 (/秒)
    maxParticles: 200,           // 同屏粒子上限 (100-500)
    timeScaleSlow: 0.6,          // NT觉醒慢放倍率 (0.3-0.8)
    hextechDropRate: 1.0         // 卡牌稀有度倍率 (0.5-2.0)
};

---

🤝 贡献指南

欢迎提交 Issue 与 PR！推荐方向：

• 新增海克斯核心（建议遵循 4 阶稀有度平衡）
• 设计新敌机（如：浮游炮型、分裂型、隐形型）
• 添加 BOSS 战（多阶段形态转换）
• 实现本地存档（localStorage 存储 Build 配置）
• 优化移动端虚拟摇杆体验

---

📄 许可证

MIT License - 查看 LICENSE 文件获取详情

---

🙏 致谢

• 高达系列：RX-78-2 经典配色与机体设计灵感
• 英雄联盟：海克斯科技（Hextech）视觉风格参考
• 合金弹头：像素爆炸与打击感设计参考
• 弹幕射击社区：子弹轨迹与判定点优化方案

---

⭐ 如果这个项目让你感受到了白色恶魔的压迫感，欢迎点个 Star！