使用 Three.js 实现【双向溶解动画】，具体要求：

【核心特效】
- 基于纹理的溶解效果
- 双向动画（从上到下/从下到上）
- 边缘发光效果

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

【交互与控制】
- OrbitControls 轨道控制器
- 自动循环动画

【技术要求】
- Three.js 最新版本
- ShaderMaterial 自定义着色器
- 纹理驱动的溶解

float bottom = -2.0;
float top = 2.0;
float yScale = (worldPos.y - bottom) / (top - bottom);

float t;
if(flag) {
  t = fract(time);      // 正向：从下往上
} else {
  t = 1.0 - fract(time); // 反向：从上往下
}

float h = texture2D(dissolveMap, vUv).r;
float dissolveWidth = 4.0;

// 边缘发光
float condition_if_1 = step(h + yScale * dissolveWidth, t * (dissolveWidth + 1.0) + 0.04);
float condition_if_2 = step(h + yScale * dissolveWidth, t * (dissolveWidth + 1.0));

color = mix(color, vec4(1.0, 1.0, 0.0, 1.0), condition_if_1);
color = color * (1.0 - condition_if_2);

function updateMaterial() {
    dissolveMaterials.map(m => {
        m.uniforms.time.value += 0.005;
        if (m.uniforms.time.value >= 1) {
            m.uniforms.time.value = 0;
            m.uniforms.flag.value = !m.uniforms.flag.value; // 切换方向
        }
    });
}