Skip to content

footballqq/fungame

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

趣味数学游戏集 | Math Games Collection

中文 | English

通过有趣的游戏学习数学概念 | Learn mathematical concepts through fun games

License Language HTML5 CSS3

📖 项目介绍

这是一个致力于将数学知识图像化展示的教育游戏集合。通过互动性强、可视化效果丰富的小游戏,让抽象的数学概念变得生动有趣。项目包含多个不同类型的数学游戏,涵盖微积分、几何、算法、逻辑推理等多个数学领域。

🎮 游戏列表

🍕 微积分披萨

文件: pie.html

通过切披萨的方式学习微积分中的割圆术原理。这个互动演示帮助你理解极限和面积计算的基本概念。通过增加切片数量,观察近似值如何逐渐接近圆的实际面积。

学习要点:

  • 微积分基础概念
  • 极限思想
  • 面积近似计算
  • 割圆术原理

📝 单词拼写游戏

文件: words.html

一个有趣的单词拼写游戏,帮助提高英语词汇量和拼写能力。游戏提供丰富的词库,通过互动的方式让学习更加生动有趣。

学习要点:

  • 英语词汇记忆
  • 拼写技巧
  • 语言学习

🎲 立方配色

文件: cubegame.html

体验三维空间的立方配色游戏。通过旋转和调整魔方的面,学习空间思维和颜色搭配。这个游戏既能锻炼逻辑思维,又能培养空间想象力。

学习要点:

  • 三维空间思维
  • 逻辑推理
  • 空间想象力
  • 几何变换

🧁 烘焙蛋糕

文件: cookcake.html

一个模拟烘焙的游戏,将数学思维融入烹饪过程。通过调整配料比例和烘焙时间,学习比例、测量和时间管理的概念。

学习要点:

  • 比例关系
  • 测量技能
  • 时间管理
  • 实际应用数学

📊 数组求和

文件: arraysum.html

探索数组和算法的基础概念。通过可视化的方式展示数组操作和求和过程,帮助理解程序设计中的基本数据结构和算法思想。

学习要点:

  • 数据结构基础
  • 算法思维
  • 程序设计
  • 可视化学习

🚂 机车排队

文件: train.html

机车没有按照顺序排队,司机很着急,现在请你帮帮他。这是一个考验逻辑推理和问题解决能力的游戏。

学习要点:

  • 逻辑推理
  • 问题解决
  • 序列排列
  • 策略思考

🚀 快速开始

  1. 克隆项目

    git clone [repository-url]
    cd fungame
  2. 直接运行

    • 用现代浏览器打开 index.html
    • 选择你想要体验的数学游戏
    • 开始学习和游戏!
  3. 或者直接访问游戏

    • 直接打开对应的 HTML 文件来玩特定游戏

🛠️ 技术栈

  • 前端: HTML5, CSS3, JavaScript ES6+
  • 图形: HTML5 Canvas
  • 样式: 响应式CSS设计
  • 交互: 原生JavaScript事件处理

📱 浏览器支持

  • ✅ Chrome (推荐)
  • ✅ Firefox
  • ✅ Safari
  • ✅ Edge
  • ✅ 移动端浏览器

📁 项目结构

fungame/
├── index.html              # 主页面 - 游戏选择界面
├── pie.html               # 微积分披萨游戏
├── words.html             # 单词拼写游戏
├── cubegame.html          # 立方配色游戏
├── cookcake.html          # 烘焙蛋糕游戏
├── arraysum.html          # 数组求和游戏
├── train.html             # 机车排队游戏
├── js/                    # JavaScript源码
│   ├── main.js
│   ├── calculator.js
│   ├── visualizer.js
│   └── ...
├── css/                   # 样式文件
├── assets/                # 资源文件
└── doc/                   # 文档

🎯 教育理念

  • 可视化学习: 将抽象概念转化为直观的图形和动画
  • 互动体验: 通过游戏化的方式提高学习兴趣
  • 即时反馈: 实时显示结果,帮助理解概念
  • 渐进式学习: 从简单到复杂,循序渐进

🤝 贡献指南

我们欢迎所有形式的贡献!

  1. 🍴 Fork 项目
  2. 🌿 创建功能分支 (git checkout -b feature/AmazingFeature)
  3. 💾 提交更改 (git commit -m 'Add some AmazingFeature')
  4. 📤 推送到分支 (git push origin feature/AmazingFeature)
  5. 🎉 提交 Pull Request

贡献类型

  • 🐛 Bug 修复
  • ✨ 新功能开发
  • 📚 文档改进
  • 🎨 UI/UX 优化
  • 🔧 代码重构

🔮 未来计划

  • 增加更多数学游戏类型
  • 实现用户进度追踪
  • 添加游戏难度选择
  • 支持多语言界面
  • 移动端应用版本
  • 在线排行榜功能
  • 教学视频集成

📄 许可证

本项目采用 MIT 许可证 - 详见 LICENSE 文件

🔗 相关链接

📞 联系我们

如果你有任何问题或建议,欢迎通过以下方式联系我们:


⭐ 如果这个项目对你有帮助,请给我们一个星标!

Star History

About

games for math kid

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •