使用 Three.js 实现流体动力学效果，具体要求：

【核心特效】
- 涡旋场模拟
- 流体密度计算
- 泡沫效果

【场景与光照】
- 纯黑色背景
- 自发光效果
- 无需传统光源

【交互与控制】
- OrbitControls 视角控制
- GUI 参数调节面板
- GSAP 自动旋转动画

【技术要求】
- Three.js 最新版本
- lil-gui 控制面板
- GSAP 动画库

vec2 vortexField(vec2 uv, float time) {
    vec2 center = vec2(0.5, 0.5);
    vec2 dir = uv - center;
    float dist = length(dir);
    float angle = atan(dir.y, dir.x);
    
    angle += sin(dist * 10.0 + time * flowSpeed) * turbulence;
    
    return vec2(cos(angle), sin(angle)) * dist * 0.5;
}

float fluidDensity(vec2 uv, float time) {
    vec2 vortex = vortexField(uv, time);
    
    float density = 0.0;
    for (int i = 0; i < 3; i++) {
        float frequency = float(i + 1) * 2.0;
        density += fluidNoise(uv * frequency + vortex) / float(i + 1);
    }
    
    return density * viscosity;
}

vec3 fluidColorMap(float density) {
    vec3 deepColor = vec3(0.0, 0.2, 0.8);   // 深蓝色
    vec3 midColor = vec3(0.2, 0.6, 1.0);     // 中蓝色
    vec3 surfaceColor = vec3(0.8, 0.9, 1.0); // 表面色
    
    if (density < 0.3) {
        return mix(deepColor, midColor, density / 0.3);
    } else {
        return mix(midColor, surfaceColor, (density - 0.3) / 0.7);
    }
}

float foam = sin(uv.x * 30.0 + time * 3.0) * sin(uv.y * 30.0 + time * 3.0) * 0.1;
color += foam * vec3(1.0, 1.0, 1.0);