使用 Three.js 实现 Three.js Logo 造型着色器，具体要求：

**核心特效**
- Three.js 官方 Logo 几何形状
- Fresnel 边缘发光
- 噪声颜色动画
- 脉冲呼吸效果

**场景与光照**
- 黑色背景 + 雾效
- 自定义颜色调色板
- 挤出几何体

**交互与控制**
- OrbitControls 阻尼旋转
- GUI 颜色控制面板

**技术要求**
- Three.js 版本 (ES Module)
- ExtrudeGeometry 挤出
- Shape + Path 复杂轮廓
- ShaderMaterial 自定义

function createThreeJSLogoGeometry() {
    const tri = [v.clone(), v.clone().rotateAround(c, (-Math.PI * 2) / 3), ...];
    const holes = [];
    for (let row = 0; row < 4; row++) {
        const items = 1 + row * 2;
        for (let i = 0; i < items; i++) {
            const offsetX = w + hA * i;
            const pts = (i % 2 ? triFlip : tri).map(p => p.clone().add(...));
            holes.push(new THREE.Path(pts));
        }
    }
    const shape = new THREE.Shape(contour);
    shape.holes = holes;
    return new THREE.ExtrudeGeometry(shape, { depth: 0.1, bevelEnabled: false });
}

float fresnel = pow(1.0 - abs(dot(vNormal, vec3(0.0, 0.0, 1.0))), 2.0);
vec3 glowColor = mix(baseColor, color3, fresnel);

float pulse = (sin(time * 2.0) + 1.0) * 0.15 + 0.85;
gl_FragColor = vec4(glowColor * pulse, 1.0);

float noise = sin(vPosition.x * 2.0 + time) * 0.25
            + cos(vPosition.y * 2.0 + time * 0.5) * 0.25
            + sin(vPosition.z * 2.0 + time * 0.8) * 0.5;
vec3 baseColor = mix(color1, color2, noise + 0.5);