使用 Three.js 实现【动态旋转同心圆着色器】，具体要求：

【核心特效】
- 多层同心圆动画
- 三角形噪声纹理
- 鼠标交互旋转
- 动态颜色变化

【场景与光照】
- 深色背景增强对比度
- 无需光源（自发光效果）

【交互与控制】
- OrbitControls 轨道控制器
- 鼠标位置影响旋转方向

【技术要求】
- Three.js 最新版本
- ShaderMaterial 自定义着色器
- 极坐标转换

// 转换为极坐标
vec2 plr = vec2(lp, atan(p.y, p.x));

// 绘制同心圆，使用正弦函数创建脉冲效果
float rz = 1.0 - pow(
    abs(sin(plr.x * PI * NUM)) * 1.25 / pow(w, 0.25), 
    2.5 + sin(id * 10.0 + time) * 0.5
);

// 三角形波形函数
float tri(in float x) {
    return abs(fract(x) - 0.5);
}

// 二维三角形噪声
float triangleNoise(in vec2 p) {
    float z = 1.5;
    float z2 = 1.5;
    float rz = 0.0;
    vec2 bp = p;
    
    for (float i = 0.0; i <= 3.0; i++) {
        vec2 dg = tri2(bp * 2.0) * 0.8;
        dg *= mm2(iTime * 0.3);
        p += dg / z2;
        bp *= 1.6;
        z2 *= 0.6;
        z *= 1.8;
        p *= 1.2;
        p *= m2;
        rz += (tri(p.x + tri(p.y))) / z;
    }
    return rz;
}

#define PALETTE vec3(0.2, 1.6, 2.2) + 1.2

vec3 col = (sin(PALETTE + id * 5.0 + time + iColorOffset) * 0.5 + 0.5) * rz;