使用 Three.js 实现史诗级烟雾特效，具体要求：

【核心特效】
- 多层噪声叠加
- 爆炸/漩涡双模式
- 发光与闪烁效果

【场景与光照】
- 深蓝色渐变背景
- 环境光 + 点光源
- 添加混合模式

【交互与控制】
- OrbitControls 视角控制
- GUI 参数调节面板
- 点击切换效果模式

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

float improvedNoise(vec2 p) {
  vec2 i = floor(p);
  vec2 f = fract(p);
  
  float a = noise(i);
  float b = noise(i + vec2(1.0, 0.0));
  float c = noise(i + vec2(0.0, 1.0));
  float d = noise(i + vec2(1.0, 1.0));
  
  vec2 u = f * f * (3.0 - 2.0 * f);
  
  return mix(a, b, u.x) + 
         (c - a) * u.y * (1.0 - u.x) + 
         (d - b) * u.x * u.y;
}

if(uEffectType < 0.5) {
  // 爆炸式烟雾
  newPosition.z += vNoise * 1.0 + vPulse * 0.5;
  newPosition.x += sin(uTime * 3.0 + position.y * 2.0) * 0.3;
  newPosition.y += cos(uTime * 2.0 + position.x * 2.0) * 0.3;
} else {
  // 漩涡式烟雾
  float angle = uTime * 2.0 + length(position.xy) * 3.0;
  newPosition.z += vNoise * 0.8;
  newPosition.x += cos(angle) * 0.4;
  newPosition.y += sin(angle) * 0.4;
}

float colorMix = sin(uTime * 1.5 + vPosition.y * 2.0) * 0.5 + 0.5;
vec3 colorA = mix(uColor1, uColor2, colorMix);
vec3 colorB = mix(colorA, uColor3, vNoise);
finalColor = colorB;

float sparkle = sin(vPosition.x * 20.0 + uTime * 10.0) * 
               sin(vPosition.y * 15.0 + uTime * 8.0);
sparkle = max(0.0, sparkle) * uSparkle;
finalColor += vec3(sparkle);