太阳系模拟器

一个基于 Three.js 构建的交互式 3D 太阳系模拟器，可以实时观察太阳系中八大行星的运行轨迹。

功能特性

• 🌞 完整的太阳系模型：包含太阳和八大行星（水星、金星、地球、火星、木星、土星、天王星、海王星）
• 🎨 精美的视觉效果：每个行星都有独特的纹理和材质，太阳具有发光效果
• 🪐 土星光环：土星拥有逼真的多层光环效果
• ⭐ 星空背景：包含 10,000 颗随机分布的星星
• 🎮 交互式控制：
  • 鼠标拖拽旋转视角
  • 滚轮缩放
  • 点击行星查看详细信息
  • 移动端支持单指拖拽和双指缩放
• ⚡ 速度控制：可调节运行速度（0-10 倍速）
• ⏸️ 暂停/播放：随时暂停或继续模拟
• 🔄 重置功能：一键重置视角和速度

使用方法

在线访问

直接在浏览器中打开 index.html 文件即可使用。

本地运行

1. 克隆或下载此项目

2. 使用任意 HTTP 服务器打开 index.html，例如：

   # 使用 Python
   python -m http.server 8000
   
   # 使用 Node.js (需要先安装 http-server)
   npx http-server
   
   # 使用 PHP
   php -S localhost:8000

3. 在浏览器中访问 http://localhost:8000

操作说明

桌面端

• 旋转视角：按住鼠标左键并拖拽
• 缩放：使用鼠标滚轮
• 查看行星信息：点击任意行星
• 调整速度：使用左上角的速度滑块
• 暂停/播放：点击暂停/播放按钮
• 重置：点击重置按钮恢复默认设置

移动端

• 旋转视角：单指拖拽
• 缩放：双指捏合
• 查看行星信息：点击任意行星

技术栈

• Three.js：3D 图形渲染库
• HTML5 Canvas：画布渲染
• 原生 JavaScript：核心逻辑实现
• CSS3：样式和动画

项目结构

solar-system-simulator/
├── index.html          # 主文件，包含所有代码
└── README.md           # 项目说明文档

行星数据

模拟器包含以下行星的详细信息：

行星	直径	距太阳距离	公转周期
水星	4,879 km	5790 万 km	88 天
金星	12,104 km	1.082 亿 km	225 天
地球	12,756 km	1.496 亿 km	365 天
火星	6,792 km	2.279 亿 km	687 天
木星	142,984 km	7.786 亿 km	12 年
土星	120,536 km	14.29 亿 km	29 年
天王星	51,118 km	28.71 亿 km	84 年
海王星	49,528 km	44.95 亿 km	165 年

浏览器兼容性

• Chrome（推荐）
• Firefox
• Safari
• Edge

需要支持 WebGL 的现代浏览器。

注意事项

• 行星的大小和距离已按比例缩放以便于观察
• 运行速度相对于地球公转速度（1.0x = 地球速度）
• 行星纹理为程序生成，并非真实照片
• 建议使用性能较好的设备以获得最佳体验