使用 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;
}

// 火焰高度变化
newPosition.z += vNoise * uFlameHeight * (1.0 - uv.y);

// 左右摆动
newPosition.x += sin(uTime * 3.0 + position.y * 5.0) * 0.2;

if(vHeight < 0.3) {
  finalColor = uColor1;
} else if(vHeight < 0.6) {
  float mixFactor = (vHeight - 0.3) / 0.3;
  finalColor = mix(uColor1, uColor2, mixFactor);
} else {
  float mixFactor = (vHeight - 0.6) / 0.4;
  finalColor = mix(uColor2, uColor3, mixFactor);
}

float spark = sin(vPosition.x * 15.0 + uTime * 10.0) * 
             sin(vPosition.y * 12.0 + uTime * 8.0);
spark = max(0.0, spark) * 0.3;
finalColor += vec3(spark);