使用 Three.js 实现【图片灰度效果】，具体要求：

【核心特效】
- 基于亮度系数的灰度转换
- 保持原始图片的 alpha 通道

【场景与光照】
- 深灰色背景
- 无需光源（纹理自发光）

【交互与控制】
- OrbitControls 轨道控制器

【技术要求】
- Three.js 最新版本
- ShaderMaterial 自定义着色器
- TextureLoader 加载图片纹理

// 定义RGB通道的亮度系数
#define R_LUMINANCE 0.298912
#define G_LUMINANCE 0.586611
#define B_LUMINANCE 0.114478

// 计算灰度的系数向量
const vec3 monochromeScale = vec3(R_LUMINANCE, G_LUMINANCE, B_LUMINANCE);

void main() {
    // 从纹理中获取当前像素的颜色
    vec4 color = texture2D(tDiffuse, vUv);

    // 使用点积计算灰度值
    float grayColor = dot(color.rgb, monochromeScale);

    // 将灰度值设置为新的颜色，保持alpha通道不变
    gl_FragColor = vec4(vec3(grayColor), color.a);
}

const uniforms = {
    tDiffuse: {
        type: 't',
        value: new THREE.TextureLoader().load('/files/author/AivoGenX.png')
    }
};

const shaderMaterial = new THREE.ShaderMaterial({
    uniforms: uniforms,
    vertexShader: vertexShader,
    fragmentShader: fragmentShader
});