玩转数学 Play With Math

让学生看到数学、玩到数学、爱上数学!

一个创新的数学交互式学习平台,通过图形、文字、声音、计算机动画等多种形式,让抽象的数学概念变得生动有趣。

📚 项目列表

🌟 自然之数 - 探索常数 e

探索欧拉常数 e 的发现史、数学地位、有趣故事和特殊性质。

• 路径: projects/natural-number-e/
• 状态: 🚧 开发中
• 技术栈: Vue 3 + TypeScript + Three.js + ECharts
• 特色:
  • 📊 交互式参数调节,实时观察变化
  • 🎨 手绘风格设计,活泼生动
  • 🤖 支持 23+ 主流 AI 模型的学习助手
  • 🔗 完整的概念关联系统
  • 🎵 沉浸式音效体验

查看详情 →

🎯 项目愿景

核心理念: 让学生看到数学、玩到数学、爱上数学!

传统数学教育往往停留在公式推导和习题训练,学生难以感受数学的美妙和实用价值。我们希望通过:

• 可视化: 将抽象概念转化为直观的视觉呈现
• 交互化: 让学生动手调参数、观察规律
• 趣味化: 用故事、动画、游戏化元素激发兴趣
• AI 辅助: 提供 24/7 在线的学习伙伴

🚀 快速开始

环境要求

• Node.js >= 18.0.0
• npm >= 9.0.0 或 pnpm >= 8.0.0

克隆项目

git clone https://github.com/yusnow/play-with-math.git
cd play-with-math

启动项目

# 进入具体项目目录
cd projects/natural-number-e

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 访问 http://localhost:3000

📖 未来规划

• 自然之数 e - 探索欧拉常数 (开发中)
• 圆周之谜 π - 揭秘圆周率
• 黄金分割 φ - 发现自然界的比例美
• 虚数世界 i - 进入复数的奇幻领域
• 无穷探索 ∞ - 理解极限的魅力
• 微积分入门 - 变化率的艺术
• 概率统计 - 不确定性的数学
• 线性代数 - 向量与矩阵的世界

🛠️ 技术架构

前端技术栈

• 框架: Vue 3 + TypeScript
• 构建工具: Vite
• UI 组件: Element Plus (定制手绘风格)
• 数据可视化:
  • ECharts - 2D 图表
  • Three.js - 3D 可视化
  • D3.js - 数据驱动文档
• 数学渲染: KaTeX
• 动画: GSAP + Lottie
• 音频: Howler.js

AI 集成

支持 23+ 国内外主流 AI 模型:

国际模型:

• OpenAI (GPT-4, GPT-3.5)
• Anthropic (Claude 3)
• Google (Gemini Pro)
• Meta (Llama 3)
• Mistral AI
• Cohere

国产模型:

• 智谱 GLM
• 百度文心
• 阿里通义
• 讯飞星火
• Moonshot
• Baichuan
• MiniMax
• DeepSeek (新增)

自定义模型: 支持配置任意兼容 OpenAI API 格式的模型

🌐 部署

构建生产版本

npm run build

部署到静态托管

支持部署到:

• Vercel
• Netlify
• GitHub Pages
• Cloudflare Pages
• 阿里云 OSS
• 腾讯云 COS

域名

• 主域名: playwithmath.xyz (已确定)
• 子项目: e.playwithmath.xyz, pi.playwithmath.xyz, etc.

📄 许可证

MIT License

Copyright (c) 2025 Yu Guanghua

👥 贡献

欢迎贡献代码、提出建议或报告问题!

1. Fork 本仓库
2. 创建特性分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 开启 Pull Request

📧 联系方式

• 作者: Yu Guanghua
• 邮箱: guanghua.yu@gmail.com
• GitHub: @yusnow

🙏 致谢

感谢所有为数学教育做出贡献的教师、学者和开发者!

---

让数学变得有趣,让学习充满乐趣! 🎉