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

**核心特效**
- 圆柱形隧道几何体
- 螺旋扭曲动画
- 星星粒子场背景
- 时间扭曲效果
- 多参数可调

**场景与光照**
- 深蓝色背景
- 螺旋前进动画
- 径向发光效果

**交互与控制**
- OrbitControls 旋转
- GUI 面板实时调节
- 隧道速度/扭曲强度/颜色切换

**技术要求**
- Three.js 版本 (ES Module)
- 自定义 ShaderMaterial
- CylinderGeometry 隧道
- GUI 实时控制

uniform float uTime;
uniform float uDistortionStrength;
uniform float uSpiralIntensity;

void main() {
    // 时间扭曲
    float timeWarp = sin(position.y * 0.5 + uTime * uTimeWarp) * uDistortionStrength;
    // 螺旋扭曲
    float spiral = sin(position.y * uSpiralIntensity * 3.0 + uTime * uTunnelSpeed)
                  * cos(position.x * uSpiralIntensity * 3.0 + uTime * uTunnelSpeed);
    // 隧道推进
    float tunnelFlow = mod(position.y + uTime * uTunnelSpeed, 4.0) - 2.0;
}

float stars(vec2 uv, float density) {
    float starField = 0.0;
    for(int i = 0; i < 30; i++) {
        vec2 starPos = vec2(random(vec2(float(i) * 0.345, 0.678)),
                            random(vec2(float(i) * 0.678, 0.901)));
        float dist = distance(uv, starPos);
        float twinkle = sin(uTime * 2.0 + float(i) * 10.0) * 0.5 + 0.5;
        starField += exp(-dist * 50.0) * twinkle * density;
    }
    return starField;
}

vec3 colorShift(vec3 color, int shift) {
    if (shift == 0) return vec3(1.0, 0.4, 0.0);      // 橙色
    else if (shift == 1) return vec3(0.2, 0.6, 1.0); // 蓝色
    else return vec3(0.8, 0.2, 1.0);                  // 紫色
}

const tunnelFolder = gui.addFolder('时空隧道参数');
tunnelFolder.add(tunnelParams, 'tunnelSpeed', 0.1, 5.0).name('隧道速度');
tunnelFolder.add(tunnelParams, 'distortionStrength', 0.1, 3.0).name('扭曲强度');
tunnelFolder.add(tunnelParams, 'colorShift', colorShifts).name('颜色模式');