Skip to content

Repository files navigation

口算雷电

基于Phaser.js开发的口算教育射击游戏,通过游戏化方式提升口算技能。玩家在射击战斗中拾取道具,解答口算题获得强力奖励。

✨ 核心特色

  • 🚀 激烈射击体验 - 完整的飞机射击游戏机制
  • 🧮 智能口算系统 - 3个难度等级,动态生成口算题
  • 多样化武器 - 3级武器升级系统
  • 🎯 策略性做题 - 主动拾取道具触发口算题
  • 📱 跨平台支持 - 桌面端键盘控制,移动端触控操作

🛠️ 技术栈

  • Phaser 3.90+ - 游戏引擎
  • ES6模块化 - 现代JavaScript
  • Vite 6.3+ - 构建工具
  • 响应式设计 - 自适应屏幕

🚀 快速开始

安装依赖

npm install

启动开发

npm run dev

访问 http://localhost:3000 开始游戏

构建生产版本

npm run build

🎮 游戏玩法

基础操作

桌面端

  • 移动:方向键 或 WASD
  • 暂停:P键
  • 返回菜单:ESC键
  • 切换难度:1/2/3数字键

移动端

  • 移动:虚拟摇杆 或 触屏拖拽
  • 暂停:右上角暂停按钮
  • 答题:虚拟数字键盘

游戏机制

  1. 选择难度:G1(10以内加减) / G2(20以内加减) / G3(乘法)
  2. 消灭敌机:自动射击获得分数
  3. 拾取道具:触发口算题挑战
  4. 解答题目
    • ✅ 答对:获得完整奖励 + 分数 + 无敌时间
    • ❌ 答错:获得1秒保护时间

道具系统

  • 🔫 武器升级 (绿色) - 提升火力
  • 🛡️ 护盾恢复 (青色) - 增加防护
  • ❤️ 生命恢复 (紫色) - 恢复血量
  • 💣 清屏炸弹 (红色) - 清除所有敌机
  • 🚀 导弹补给 (绿色) - 追踪导弹
  • 分数奖励 (金色) - 额外分数

📁 项目结构

math_raiden/
├── src/
│   ├── main.js              # 游戏入口
│   ├── scenes/              # 游戏场景(6个)
│   ├── objects/             # 游戏对象
│   ├── systems/             # 游戏系统
│   ├── ui/                  # UI组件
│   ├── managers/            # 管理器
│   └── utils/               # 工具类
├── assets/                  # 游戏资源
├── index.html              # 入口页面
├── demo.html               # 完整演示
└── package.json            # 项目配置

📊 项目统计

  • 代码量:5600+ 行
  • 文件数:19个核心JS文件
  • 功能完成度:100% ✅
  • 移动端支持:100% ✅

🔧 开发工具

检查项目状态

node check-project.js

自动检查文件完整性、依赖状态、代码统计等

预览构建

npm run preview

🎯 开发进度

✅ 已完成

  • 完整游戏系统(6个场景)
  • 玩家、敌机、武器系统
  • 口算题生成系统
  • 移动端触控支持
  • 特效和UI系统
  • 导弹追踪系统
  • 跨平台兼容

🚧 待优化

  • 音效系统
  • 性能优化
  • 更多视觉特效

🤝 贡献指南

欢迎提交Issue和Pull Request!

开发规范

  • 使用ES6+语法
  • 遵循模块化设计
  • 添加中文注释
  • 提交信息使用CC规范

📄 许可证

MIT License


🎮 立即体验npm run devhttp://localhost:3000

📱 移动端:手机浏览器访问,体验完整触控操作

📖 创意来源:打开 demo.html 文件

Releases

Packages

Used by

Contributors

Languages