使用 Three.js 实现**时间扭曲效果着色器**，具体要求：

【核心特效】
- 多层时间扭曲场叠加
- 时间涟漪波动效果
- 时间粒子漂浮效果
- 紫色/蓝色/绿色三种时间类型切换

【场景与光照】
- 深紫色系背景 (#1a0033 → #0a001a 径向渐变)
- OrbitControls 轨道控制器
- 自定义着色器实现时间扭曲感

【交互与控制】
- OrbitControls 鼠标拖拽旋转
- 鼠标滚轮缩放
- GUI 面板实时调节扭曲强度、时间流速、涟漪效果等参数

【技术要求】
- Three.js 版本 (ES Module)
- 自定义顶点着色器实现顶点变形
- 自定义片元着色器实现多层时间场和粒子效果
- lil-gui 参数控制

float timeWarp(vec2 uv, float strength) {
  float warpField = 0.0;
  warpField += sin(uv.x * 4.0 + uTime * 0.3) * cos(uv.y * 6.0 + uTime * 0.5);
  warpField += sin(uv.x * 6.0 + uTime * 0.7) * cos(uv.y * 8.0 + uTime * 0.9) * 0.7;
  warpField += sin(uv.x * 8.0 + uTime * 1.1) * cos(uv.y * 10.0 + uTime * 1.3) * 0.4;
  return warpField * strength;
}

float ripple(vec2 uv, float effect) {
  float rippleField = 0.0;
  rippleField += sin(distance(uv, vec2(0.5, 0.5)) * 12.0 - uTime * effect * 3.0) * 0.5;
  rippleField += sin(uv.x * 8.0 + uTime * effect * 2.0) *
                cos(uv.y * 8.0 + uTime * effect * 2.5) * 0.3;
  return rippleField;
}

float timeParticles(vec2 uv, float density) {
  if(!uShowParticles) return 0.0;
  float particleField = 0.0;
  for(int i = 0; i < 25; i++) {
    vec2 particlePos = vec2(
      noise(vec2(float(i) * 0.123, 0.456)),
      noise(vec2(float(i) * 0.456, 0.789))
    );
    float dist = distance(uv, particlePos);
    float particleLife = mod(uTime * 1.5 + float(i) * 8.0, 6.28);
    float particleIntensity = sin(particleLife) * 0.8 + 0.2;
    particleField += exp(-dist * 40.0) * particleIntensity * density;
  }
  return particleField;
}

uniform float uWarpStrength;
uniform float uTimeFlow;
uniform float uDistortion;

void main() {
  float warp = sin(position.x * 3.0 + uTime * uWarpStrength) *
              cos(position.y * 4.0 + uTime * uWarpStrength * 0.8) *
              sin(position.z * 3.0 + uTime * uWarpStrength * 0.6);
  float flow = sin(position.x * 5.0 + uTime * uTimeFlow * 2.0) *
              cos(position.z * 5.0 + uTime * uTimeFlow * 2.0);
  float distortion = sin(position.x * uDistortion * 6.0) *
                    cos(position.y * uDistortion * 8.0);
  vec3 newPosition = position + normal * (warp + flow * 0.5 + distortion * 0.3) * 0.2;
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPosition, 1.0);
}

vec3 getTimeType(int type) {
  if(type == 0) {
    return vec3(0.8, 0.2, 1.0);  // 紫色时间
  } else if(type == 1) {
    return vec3(0.2, 0.6, 1.0);  // 蓝色时间
  } else {
    return vec3(0.2, 1.0, 0.4);  // 绿色时间
  }
}