I feel like I’m overthinking this.
How can I apply postprocessing effects to my three.js scene without affecting the scene background texture?
For context, I am building a WebAR experience with 8th Wall. I can render the camera texture behind the three.js scene by setting
scene.background = camTexture but when I use
composer.render() instead of
renderer.render(), the postprocessing effects are applied to both the three.js scene and to the scene background. I just want to apply the effects to three.js scene and leave the scene background as-is.
Btw, I don’t even need to set
scene.background = camTexture unless I am using
EffectComposer(). By default the three.js scene has a transparent background and the
cameraTexture is rendered behind the three.js scene. But the minute I use
EffectComposer, it shows a solid white background instead of staying transparent, which is why I set
scene.background = camTexture.
I would greatly appreciate any suggestions!