使用 Three.js 实现**算法噪声着色器效果**，具体要求：

【核心特效】
- 四种噪声算法：白噪声、值噪声、柏林噪声、分形噪声
- 3D曲面可视化
- 可调的频率、强度、迭代次数
- 动态噪声动画

【场景与光照】
- 深蓝色背景 (#0a0a2a → #1a1a3a 径向渐变)
- OrbitControls 自由视角控制
- 自定义着色器实现噪声曲面

【交互与控制】
- OrbitControls 鼠标拖拽旋转
- 鼠标滚轮缩放
- GUI 面板切换噪声类型、调节参数

【技术要求】
- Three.js 版本 (ES Module)
- 自定义顶点着色器实现噪声曲面变形
- 自定义片元着色器实现颜色渐变
- lil-gui 参数控制

float whiteNoise(vec2 p) {
  return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453);
}

float valueNoise(vec2 p) {
  vec2 i = floor(p);
  vec2 f = fract(p);
  float a = whiteNoise(i);
  float b = whiteNoise(i + vec2(1.0, 0.0));
  float c = whiteNoise(i + vec2(0.0, 1.0));
  float d = whiteNoise(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;
}

float perlinNoise(vec2 p) {
  vec2 i = floor(p);
  vec2 f = fract(p);
  vec2 gradA = normalize(vec2(whiteNoise(i), whiteNoise(i + vec2(13.43, 61.21))) - 0.5);
  vec2 gradB = normalize(vec2(whiteNoise(i + vec2(1.0, 0.0)), whiteNoise(i + vec2(14.43, 61.21))) - 0.5);
  vec2 gradC = normalize(vec2(whiteNoise(i + vec2(0.0, 1.0)), whiteNoise(i + vec2(13.43, 62.21))) - 0.5);
  vec2 gradD = normalize(vec2(whiteNoise(i + vec2(1.0, 1.0)), whiteNoise(i + vec2(14.43, 62.21))) - 0.5);
  vec2 u = f * f * (3.0 - 2.0 * f);
  return mix(mix(dot(gradA, f), dot(gradB, f - vec2(1.0, 0.0)), u.x),
             mix(dot(gradC, f - vec2(0.0, 1.0)), dot(gradD, f - vec2(1.0, 1.0)), u.x), u.y) * 2.0;
}

float fractalNoise(vec2 p, int octaves, float persistence) {
  float total = 0.0;
  float frequency = 1.0;
  float amplitude = 1.0;
  float maxValue = 0.0;
  for(int i = 0; i < octaves; i++) {
    total += perlinNoise(p * frequency) * amplitude;
    maxValue += amplitude;
    amplitude *= persistence;
    frequency *= 2.0;
  }
  return total / maxValue;
}

uniform int uNoiseType;

void main() {
  float noiseValue = 0.0;
  if(uNoiseType == 0) {
    noiseValue = whiteNoise(position.xy * 4.0 + uTime * 0.5);
  } else if(uNoiseType == 1) {
    noiseValue = valueNoise(position.xy * 2.0 + uTime * 0.3);
  } else if(uNoiseType == 2) {
    noiseValue = perlinNoise(position.xy * 3.0 + uTime * 0.2);
  } else {
    noiseValue = fractalNoise(position.xy * 2.0 + uTime * 0.1, 4, 0.5);
  }
  vec3 newPosition = position;
  newPosition.z += noiseValue * uIntensity * 2.0;
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPosition, 1.0);
}