使用 Three.js 实现逼真的白云效果，具体要求：

**核心特效**
- Raymarching 算法渲染体积云
- 多层噪声叠加创造云层深度
- 太阳光照散射效果
- 相机绕目标旋转动画

**场景与光照**
- 球体内侧作为天空盒
- 背向渲染 (BackSide)
- 模拟太阳方向光源

**交互与控制**
- OrbitControls 自由旋转
- 鼠标控制视角

**技术要求**
- Three.js 版本 (ES Module)
- 自定义 ShaderMaterial
- Raymarching 体积渲染
- 多层 FBM 噪声

float noise( in vec3 x ) {
    vec3 p = floor(x);
    vec3 f = fract(x);
    f = f*f*(3.0-2.0*f);
    float n = p.x + p.y*57.0 + 113.0*p.z;
    return mix(mix(mix( hash(n+  0.0), hash(n+  1.0),f.x),
                   mix( hash(n+ 57.0), hash(n+ 58.0),f.x),f.y),
               mix(mix( hash(n+113.0), hash(n+114.0),f.x),
                   mix( hash(n+170.0), hash(n+171.0),f.x),f.y),f.z);
}

vec4 raymarch( in vec3 ro, in vec3 rd ) {
    vec4 sum = vec4(0, 0, 0, 0);
    float t = 0.0;
    for(int i=0; i<64; i++) {
        if( sum.a > 0.99 ) continue;
        vec3 pos = ro + t*rd;
        vec4 col = map( pos );
        // 累积颜色和透明度
        sum = sum + col*(1.0 - sum.a);
        t += max(0.1, 0.025*t);
    }
    return clamp( sum, 0.0, 1.0 );
}

vec4 map( in vec3 p ) {
    float d = 0.2 - p.y;  // 地面高度
    vec3 q = p - vec3(1.0,0.1,0.0)*iGlobalTime;
    float f;
    f  = 0.5000*noise( q ); q = q*2.02;
    f += 0.2500*noise( q ); q = q*2.03;
    f += 0.1250*noise( q ); q = q*2.01;
    f += 0.0625*noise( q );
    d += 3.0 * f;  // 叠加噪声
    d = clamp( d, 0.0, 1.0 );
    return vec4( d );
}

float dif = clamp((col.w - map(pos+0.3*sundir).w)/0.6, 0.0, 1.0 );
vec3 lin = vec3(0.65,0.68,0.7)*1.35 + 0.45*vec3(0.7, 0.5, 0.3)*dif;
col.xyz *= lin;