Skip to content

物理可视化是一个基于 Vue 3 和 TypeScript 的应用程序,旨在通过使用 D3、Three.js 和 Matter.js 等现代前端技术,以交互式的方式可视化物理概念。本项目致力于创造直观、生动且具有教育意义的物理模拟,帮助学习者更好地理解物理原理。

License

Notifications You must be signed in to change notification settings

Vistaminc/physics_visualization

物理可视化平台

版本 许可证 Vue TypeScript

📖 项目介绍

物理可视化是一个基于 Vue 3 和 TypeScript 的应用程序,旨在通过使用 D3、Three.js 和 Matter.js 等现代前端技术,以交互式的方式可视化物理概念。本项目致力于创造直观、生动且具有教育意义的物理模拟,帮助学习者更好地理解物理原理。

✨ 主要特性

  • 🔮 交互式物理模拟:通过直观的交互体验物理规律
  • 📊 2D可视化:使用 D3 和 Matter.js 构建二维物理场景
  • 🌐 3D可视化:借助 Three.js 实现三维物理现象展示
  • 📱 响应式设计:采用 Element Plus UI 组件,确保在各种设备上的良好体验
  • 🎨 精美动画:通过 GSAP 实现流畅的过渡和动画效果

🛠 技术栈

  • 前端框架:Vue 3 (采用 Composition API 和 <script setup> 语法)
  • 开发语言:TypeScript
  • 构建工具:Vite
  • 状态管理:Pinia
  • 路由管理:Vue Router
  • CSS预处理器:SASS
  • 可视化库:D3.js、Three.js、Matter.js
  • UI框架:Element Plus

📥 安装使用

克隆仓库

# 克隆项目仓库
git clone https://github.com/yourusername/physics-visualization.git
cd physics-visualization

安装依赖

# 使用 npm 安装
npm install

# 或使用 pnpm 安装
pnpm install

启动开发服务器

# 使用 npm
npm run dev

# 或使用 pnpm
pnpm dev

开发服务器启动后,访问 http://localhost:5173(或终端中显示的端口)即可查看项目。

🚀 生产环境构建

# 使用 npm 构建
npm run build

# 或使用 pnpm 构建
pnpm build

构建完成后,将在 dist 目录生成可部署的文件。

🤝 贡献指南

我们欢迎各种形式的贡献,无论是新功能、错误修复还是文档改进:

  1. Fork 本仓库
  2. 创建你的特性分支 (git checkout -b feature/amazing-feature)
  3. 提交你的更改 (git commit -m '添加了某个惊人的功能')
  4. 推送到分支 (git push origin feature/amazing-feature)
  5. 创建一个 Pull Request

📃 许可证

本项目采用 MIT 许可证 - 详情请参阅 LICENSE 文件。

🙏 致谢

  • 感谢 Vue.js 团队提供的卓越框架
  • 感谢所有使本项目成为可能的开源库和工具
  • 感谢所有贡献者和使用者的支持与反馈

用 ❤️ 制作

About

物理可视化是一个基于 Vue 3 和 TypeScript 的应用程序,旨在通过使用 D3、Three.js 和 Matter.js 等现代前端技术,以交互式的方式可视化物理概念。本项目致力于创造直观、生动且具有教育意义的物理模拟,帮助学习者更好地理解物理原理。

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages