使用 Three.js 实现【平面扫描效果】，具体要求：

【核心特效】
- 圆形扫描动画
- 透明度渐变效果
- 纹理遮罩处理

【场景与光照】
- 深灰色背景
- 纹理贴图应用
- 平面几何体

【交互与控制】
- OrbitControls 视角控制
- 扫描速度可调

【技术要求】
- Three.js 版本
- onBeforeCompile 着色器修改
- TextureLoader 纹理加载

material.onBeforeCompile = (shader) => {
    // 添加自定义 uniforms
    Object.keys(uniforms).forEach((key) => shader.uniforms[key] = uniforms[key]);

    // 修改顶点着色器
    shader.vertexShader = shader.vertexShader.replace(`void main() {`,
        `varying vec2 vUv;
    varying vec3 v_position;
    void main() {
        vUv = uv;
        v_position = position;`
    );

    // 修改片段着色器
    shader.fragmentShader = shader.fragmentShader.replace(
        /#include <common>/,
        Object.keys(uniforms).map(i => 'uniform ' + uniforms[i].unit + ' ' + i + ';').join('\n') +
        '\n' + 'varying vec3 v_position; varying vec2 vUv;\n' + '\n#include <common>\n'
    );
}

float dis = length(v_position - center);
vec4 diffuseColor;

if(dis < (innerCircleWidth + circleWidth) && dis > innerCircleWidth) {
    float r = (dis - innerCircleWidth) / circleWidth;
    float cOpacity = reverseOpacity ? (innerCircleWidth / circleMax) : 1. - (innerCircleWidth / circleMax);

    #ifdef USE_MAP
        vec3 textureColor = texture2D(map, vUv).rgb;
        if(isDisCard && textureColor.r < 0.1 && textureColor.g < 0.1 && textureColor.b < 0.1) discard;
    #endif

    diffuseColor = vec4(mix(diff, color3, r) * vec3(intensity, intensity, intensity),
                        opacity * cOpacity * opacityScale);
} else {
    if(isDisCard) discard;
    else diffuseColor = vec4(diffuse, opacity);
}

function animate() {
    // 扫描半径循环变化
    uniforms.innerCircleWidth.value < uniforms.circleMax.value
        ? uniforms.innerCircleWidth.value += uniforms.circleSpeed.value
        : uniforms.innerCircleWidth.value = 0;

    requestAnimationFrame(animate);
    controls.update();
    renderer.render(scene, camera);
}