使用 Three.js 实现时空扭曲效果，具体要求：

【核心特效】
- 径向扭曲变换
- 动态网格线效果
- 引力波可视化

【场景与光照】
- 纯黑色背景
- 中心发光效果
- 无需传统光源

【交互与控制】
- OrbitControls 视角控制
- GUI 参数调节面板
- 重置功能按钮

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

vec2 radialWarp(vec2 uv, float intensity) {
  vec2 center = vec2(0.5, 0.5);
  vec2 dir = uv - center;
  float dist = length(dir);
  float angle = atan(dir.y, dir.x);
  
  // 添加时间相关的扭曲
  angle += sin(dist * frequency + time * speed) * intensity;
  dist *= 1.0 + sin(angle * 3.0 + time * 2.0) * intensity * 0.3;
  
  return center + vec2(cos(angle), sin(angle)) * dist;
}

float spaceTimeGrid(vec2 uv, float time) {
  vec2 warpedUV = radialWarp(uv, warpIntensity);
  
  float gridX = sin(warpedUV.x * 30.0 + time * 3.0) * 0.5 + 0.5;
  float gridY = sin(warpedUV.y * 30.0 + time * 3.0) * 0.5 + 0.5;
  
  return (gridX + gridY) * 0.5;
}

float gravitationalWave(vec2 uv, float time) {
  vec2 center = vec2(0.5, 0.5);
  float dist = length(uv - center);
  
  float wave = sin(dist * 20.0 - time * 5.0) * 0.5 + 0.5;
  return smoothstep(0.3, 0.0, dist) * wave;
}

gui.addColor(params, 'warpColor').onChange(value => {
  mat.uniforms.warpColor.value.set(value);
});
gui.add(mat.uniforms.warpIntensity, 'value', 0.0, 1.0).name('扭曲强度');
gui.add(mat.uniforms.frequency, 'value', 1.0, 30.0).name('频率');
gui.add(mat.uniforms.speed, 'value', 0.5, 5.0).name('速度');