物理可视化是一个基于 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 目录生成可部署的文件。
我们欢迎各种形式的贡献,无论是新功能、错误修复还是文档改进:
- Fork 本仓库
- 创建你的特性分支 (
git checkout -b feature/amazing-feature) - 提交你的更改 (
git commit -m '添加了某个惊人的功能') - 推送到分支 (
git push origin feature/amazing-feature) - 创建一个 Pull Request
本项目采用 MIT 许可证 - 详情请参阅 LICENSE 文件。
- 感谢 Vue.js 团队提供的卓越框架
- 感谢所有使本项目成为可能的开源库和工具
- 感谢所有贡献者和使用者的支持与反馈
用 ❤️ 制作