问Three.js Composer with RenderPass不与MaskPass合作

EN

// Composer

    var texture1 = new THREE.TextureLoader().load( 'textures/2294472375_24a3b8ef46_o.jpg' );
    var texturePass1 = new THREE.TexturePass( texture1 );

    var clearMask = new THREE.ClearMaskPass();
    var renderMask = new THREE.MaskPass( this.scene, this.camera );
    var renderMaskInverse = new THREE.MaskPass( this.scene, this.camera );
    renderMaskInverse.inverse = true;

    var viewScene = new THREE.RenderPass( this.scene, this.camera );

    // Composition pass
    var outputPass = new THREE.ShaderPass( THREE.CopyShader );
    outputPass.renderToScreen = true;

    var renderTargetParameters = {
        minFilter: THREE.LinearFilter,
        magFilter: THREE.LinearFilter,
        format: THREE.RGBFormat,
        stencilBuffer: true
    };

    // Setup render target
    var renderTarget = new THREE.WebGLRenderTarget( SCREEN_WIDTH, SCREEN_HEIGHT, renderTargetParameters );
    this.composer = new THREE.EffectComposer(this.renderer, renderTarget);

    var renderPass = new THREE.RenderPass(this.scene, this.camera);
    //renderPass.renderToScreen = true;

    this.composer.addPass( texturePass1 );
    //this.composer.addPass( viewMask );

    this.composer.addPass( renderMask );
    this.composer.addPass( viewScene );
    this.composer.addPass( clearMask );
    this.composer.addPass( outputPass );