ThreeJS 后期处理，混合效果作曲家通行证

Question

我试图弄清楚如何在 ThreeJS 中使用 EffectComposer。

尝试对网格应用运动模糊，同时保持背景网格清晰。

我能够让它工作的唯一方法是失去深度，背景与前面的元素重叠：

http://code.michael-iriarte.com/post-process-test/test-1.html

但我希望能够渲染更多类似的东西（但带有运动模糊）：

http://code.michael-iriarte.com/post-process-test/test-2.html

请看下面两个例子：

composerBack.addPass( renderBack );

composerFront.addPass( renderFront );
composerFront.addPass( renderMaskInverseFront );
composerFront.addPass( effectHBlur );
composerFront.addPass( effectVBlur );
composerFront.addPass( clearMask );

composerMerge.addPass( rttPassBack );                    
// composerMerge.addPass( renderMaskInverseBack );
composerMerge.addPass( renderMaskFront );
composerMerge.addPass( rttPassFront );
composerMerge.addPass( clearMask );

composerMerge.addPass( effectCopy);

非常欢迎有关该主题的一些帮助！

Answer 1

嗯，在 Stackoverflow 上自言自语有点奇怪 :)

我所缺少的是：

rttPassFront = new THREE.TexturePass( composerFront.renderTarget2.texture );   
rttPassFront.material.transparent = true;

在此处查看演示：

http://code.michael-iriarte.com/post-process-test/solution-1.html

我希望它可以帮助其他人。如果您有不同的方法，请分享！