使用 Three.js 实现【着色器天空】，具体要求：

【核心特效】
- 高度渐变天空
- 基于世界坐标的颜色混合
- 无限天空盒效果

【场景与光照】
- 无光源（自发光效果）
- 渐变背景

【交互与控制】
- OrbitControls 轨道控制器

【技术要求】
- Three.js 最新版本
- ShaderMaterial 自定义着色器
- 球体几何体作为天空容器

---

# 📖 效果拆解

| 层次 | 视觉效果 | 技术实现 |
|------|----------|----------|
| 基础 | 大型球体 | SphereGeometry(4000, 32, 15) |
| 核心特效 | 高度渐变 | 基于世界坐标Y值混合颜色 |
| 优化 | 双面渲染 | DoubleSide 渲染内外表面 |

---

# 🔧 核心技术点

## 1. **天空渐变算法**

根据顶点在世界空间中的高度计算颜色，实现自然的天空渐变。

```glsl
uniform vec3 topColor;
uniform vec3 bottomColor;
uniform float offset;
uniform float exponent;
varying vec3 vWorldPosition;

void main() {
    float h = normalize(vWorldPosition + offset).y;
    gl_FragColor = vec4(
        mix(bottomColor, topColor, max(pow(max(h, 0.0), exponent), 0.0)), 
        1.0
    );
}

varying vec3 vWorldPosition;

void main() {
    vec4 worldPosition = modelMatrix * vec4(position, 1.0);
    vWorldPosition = worldPosition.xyz;
    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
}