# solar

**Repository Path**: mrchai/solar

## Basic Information

- **Project Name**: solar
- **Description**: 使用HTML5的canvas技术实现的模拟太阳系运行动画效果
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-28
- **Last Updated**: 2025-05-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 九大行星运行动画

这是一个使用HTML5 Canvas实现的太阳系九大行星运行动画模拟器。

## 功能特点

- 🌟 **逼真的太阳效果**：带有光晕和闪烁效果的太阳
- 🪐 **九大行星**：包括水星、金星、地球、火星、木星、土星、天王星、海王星和冥王星
- 🌙 **卫星系统**：地球拥有月球卫星，月球围绕地球旋转
- 🌌 **美丽的视觉效果**：
  - 星空背景
  - 行星轨道线
  - 卫星轨道线
  - 行星和卫星运行轨迹
  - 土星环效果
  - 行星光影效果
- 🎮 **交互控制**：
  - 速度调节（0.1x - 5.0x）
  - 暂停/继续功能
  - 重置功能
- 📱 **响应式设计**：适配不同屏幕尺寸

## 技术实现

- **HTML5 Canvas**：用于绘制动画
- **JavaScript ES6+**：面向对象编程
- **CSS3**：现代化UI设计
- **requestAnimationFrame**：流畅的动画效果

## 文件结构

```
project/
├── index.html      # 主页面
├── style.css       # 样式文件
├── script.js       # JavaScript逻辑
└── README.md       # 说明文档
```

## 使用方法

1. 直接在浏览器中打开 `index.html` 文件
2. 使用控制面板调节动画速度
3. 点击暂停/继续按钮控制动画播放
4. 点击重置按钮重新开始动画

## 行星数据

| 行星 | 颜色 | 相对大小 | 轨道距离 | 运行速度 | 卫星 |
|------|------|----------|----------|----------|------|
| 水星 | 棕灰色 | 小 | 近 | 最快 | 无 |
| 金星 | 金黄色 | 中小 | 较近 | 快 | 无 |
| 地球 | 蓝色 | 中 | 中等 | 中等 | 月球 |
| 火星 | 红色 | 小 | 较远 | 较慢 | 无 |
| 木星 | 浅黄色 | 最大 | 远 | 慢 | 无 |
| 土星 | 淡黄色 | 大 | 很远 | 很慢 | 无 |
| 天王星 | 青色 | 中 | 极远 | 极慢 | 无 |
| 海王星 | 深蓝色 | 中 | 最远 | 最慢 | 无 |
| 冥王星 | 灰色 | 最小 | 超远 | 超慢 | 无 |

## 卫星系统

- **月球**：围绕地球旋转的天然卫星
  - 颜色：银灰色
  - 大小：较小
  - 轨道：围绕地球的圆形轨道
  - 速度：相对较快（相对于地球）

## 浏览器兼容性

- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+

## 开发说明

项目使用纯前端技术，无需服务器环境，可直接在浏览器中运行。代码结构清晰，易于扩展和修改。

### 扩展功能
- 可以为其他行星添加卫星（如火星的火卫一、火卫二）
- 可以调整卫星的轨道参数和运行速度
- 支持多层卫星系统

## 许可证

MIT License