重燃街机热血！基于 React + Canvas 的现代复刻版《雷电》弹幕射击游戏。
无需下载，点击下方链接立即体验最新版本：
Raiden React 是一款向经典街机游戏《雷电4》致敬的 Web 版 STG 游戏。完全使用现代 Web 技术栈（React, TypeScript, Canvas API）构建。
游戏完美还原了经典的红蓝紫武器系统、激烈的弹幕体验以及无尽的周目挑战。无论是在 PC 浏览器还是移动端设备上，都能体验到流畅的射击快感。
- 🎯 Boss 多重弱点 (Multi-Weakpoints): Boss 现在的弱点更加复杂，包括中央核心和两侧引擎。
- 独立击破: 两侧引擎可被独立摧毁。
- 核心暴击: 准确命中中央核心可造成 2.5倍 暴击伤害。
- System: 代码同步与性能优化。
- Boss 战利品: 击败 Boss 掉落对应关卡的强力武器。
- BGM 引擎升级: 支持和弦合成，音效更丰富。
- 平衡性: 调整了回血速度 (0.8HP/2s) 和道具掉落率。
- 🏆 全球排行: 接入 Supabase 云端数据库，与全球玩家一决高下。
- 🚀 深度武库: 武器系统上限提升至 LV.8，解锁毁天灭地的终极形态。
- ⚡ 过载模式: 满级后再次拾取武器可触发 Hyper Mode，10秒内射速翻倍+金身特效。
- 🎯 弱点打击: 针对 Boss 核心弱点进行精确打击，快速击破强敌。
- 💣 空中支援: 释放炸弹现在会呼叫盟军战机编队进行地毯式轰炸。
- 🛡️ 纳米修复: 脱战 8秒 后启动自我修复系统。
| 动作 | PC 键盘 (Keyboard) | 移动端 (Touch) |
|---|---|---|
| 移动 (Move) | WASD 或 ↑↓←→ |
手指拖动战机任意位置 |
| 射击 (Shoot) | 自动射击 (Auto Fire) | 自动射击 |
| 炸弹 (Bomb) | B / Space (空格) |
点击屏幕右下角 BOMB 按钮 |
游戏包含三种主武器，拾取对应颜色的 P 道具可切换类型或升级（最高 LV.8）。
随机跳级：拾取武器时有 20% 概率直接连升 2 级！
| 类型 | 颜色 | 名称 | 特性 | 终极形态 (LV.8) |
|---|---|---|---|---|
| VULCAN | 🔴 红色 | 红莲散弹 | 扇形攻击，覆盖面广 | 加特林风暴 + 侧翼追踪导弹 |
| LASER | 🔵 蓝色 | 苍穹激光 | 直线高伤，穿透力强 | 高能主炮 + 广域侧翼波 |
| PLASMA | 🟣 紫色 | 紫电追踪 | 全屏自动追踪敌人 | 黑洞力场 + 智能地雷 |
| 图标 | 名称 | 效果 |
|---|---|---|
| P | Power Up | 切换武器 / 提升当前武器等级 |
| UP | Full Upgrade | 直接提升武器等级 (稀有) |
| S | Shield | [稀有] 获得 5秒 无敌护盾状态 |
| B | Bomb | 补充一枚呼叫空中支援的信号弹 |
| H | Health | 修复机体受损部件 (+15 HP) |
| $ | Gold/Silver | 获取大量积分 (金币/银币) |
确保你的环境已安装 Node.js (推荐 v16+)。
-
克隆仓库
git clone https://github.com/your-username/raiden-react.git cd raiden-react -
安装依赖
npm install
-
配置环境变量 (可选) 为了启用在线排行榜，请在根目录创建
.env文件并填入 Supabase 密钥（或者直接使用默认的本地排行榜模式）：VITE_SUPABASE_URL=your_project_url VITE_SUPABASE_ANON_KEY=your_anon_key
-
启动开发服务器
npm run dev
打开浏览器访问
http://localhost:5173。 -
构建生产版本
npm run build
- Core: React 18, TypeScript
- Build Tool: Vite
- Database: Supabase (用于在线排行榜)
- Styling: Tailwind CSS
- Graphics: HTML5 Canvas (2D Context)
- Audio: Web Audio API (Oscillators & GainNodes)
- Deployment: Vercel
本项目基于 MIT 许可证开源。
Generated with ❤️ by AI Studio