使用 Three.js 实现【柏林噪声花朵动画】，具体要求：

【核心特效】
- 基于柏林噪声的顶点位移
- 动态颜色变化效果
- 多种噪声参数可调

【场景与光照】
- 黑色背景配合雾效
- 半球光照明
- 二十面体几何体

【交互与控制】
- GUI 控制面板调整参数
- 实时预览效果变化

【技术要求】
- Three.js 版本
- GSAP 动画库
- lil-gui 控制面板
- 自定义 ShaderMaterial

// 经典柏林噪声
float cnoise(vec3 P) {
    vec3 Pi0 = floor(P);
    vec3 Pi1 = Pi0 + vec3(1.0);
    Pi0 = mod289(Pi0);
    Pi1 = mod289(Pi1);
    vec3 Pf0 = fract(P);
    vec3 Pf1 = Pf0 - vec3(1.0);
    
    // 计算网格点和梯度
    vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);
    vec4 iy = vec4(Pi0.yy, Pi1.yy);
    vec4 iz0 = Pi0.zzzz;
    vec4 iz1 = Pi1.zzzz;
    
    vec4 ixy = permute(permute(ix) + iy);
    vec4 ixy0 = permute(ixy + iz0);
    vec4 ixy1 = permute(ixy + iz1);
    
    // ... 梯度计算和插值
    return 2.2 * n_xyz;
}

float turbulence(vec3 p) {
    float t = -0.1;
    for (float f = 1.0; f <= 3.0; f++) {
        float power = pow(2.0, f);
        t += abs(pnoise(vec3(power * p), vec3(10.0, 10.0, 10.0)) / power);
    }
    return t;
}

void main() {
    // 使用余弦函数计算各通道颜色
    float r = cos(qnoise + r_color);
    float g = cos(qnoise + g_color);
    float b = cos(qnoise + b_color);
    
    gl_FragColor = vec4(r, g, b, 1.0);
}