使用 Three.js 实现音频响应几何变形效果，具体要求：

【核心特效】
- 基于音频频谱数据驱动的顶点位移
- 4D Simplex 噪声实现自然波动
- 实时音频分析与强度映射

【场景与光照】
- 环境光 + 方向光组合
- 深灰色背景增强视觉效果
- 支持阴影投射

【交互与控制】
- OrbitControls 视角控制
- 播放/暂停按钮控制音频
- 自动响应音频强度变化

【技术要求】
- Three.js 最新版本
- AudioListener 和 AudioAnalyser 音频处理
- MeshStandardMaterial + onBeforeCompile 着色器扩展

const updateOffsetData = () => {
  if (analyser?.getFrequencyData) {
    analyser.getFrequencyData();
    const analyserData = analyser?.data;
    let sum = 0;
    for (let i = 0; i < analyserData.length; i++) {
      sum += analyserData[i];
    }
    sum /= analyserData.length * 25.5;
    uniform.uStrength.value = sum;
  }
};

float simplexNoise4d(vec4 v) {
  const vec2 C = vec2(0.138196601125010504, 0.309016994374947451);
  vec4 i = floor(v + dot(v, C.yyyy));
  vec4 x0 = v - i + dot(i, C.xxxx);
  // ... 完整的噪声计算逻辑
  return 49.0 * (dot(m0*m0, vec3(dot(p0,x0), dot(p1,x1), dot(p2,x2)))
               + dot(m1*m1, vec2(dot(p3,x3), dot(p4,x4))));
}

material.onBeforeCompile = (shader) => {
  shader.uniforms.uTime = uniform.uTime;
  shader.uniforms.uStrength = uniform.uStrength;

  shader.vertexShader = shader.vertexShader.replace(
    "#include <fog_vertex>",
    `#include <fog_vertex>
    vec3 newPos = position;
    float strength = uStrength;
    newPos += normal * simplexNoise4d(vec4(position, uTime)) * strength;
    gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);`
  );
};
mesh.customDepthMaterial = depthMaterial;

shader.fragmentShader = shader.fragmentShader.replace(
  "#include <opaque_fragment>",
  "gl_FragColor = vec4(vNormal, 1.);"
);