Quiero renderizar 2 escenas primero como fondo, segundo transparente con efectos HUD. Quiero usar Bloom Effect en ambos.

Mi enfoque siempre renderiza la última escena cubriendo la primera:

 var renderer = new THREE.WebGLRenderer({alpha: 1,antialias:_basic.config.antialias}); renderer.autoClear = false; //false var composer = new EffectComposer( renderer ); composer.addPass( new RenderPass( scene, camera ) ); var composerHUD = new EffectComposer( renderer ); composerHUD.addPass( new RenderPass( sceneHUD, cameraHUD ) ); animate() { /// composer.render(); renderer.clearDepth(); composerHUD.render(); }

solo se renderiza cameraHUD

La primera idea fue usar

 var composer = new EffectComposer( renderer ); composer.addPass( new RenderPass( scene, camera ) ); composer.addPass( new RenderPass( sceneHUD, cameraHUD ) ); composerSpace.addPass( bloomPass );

pero es similar, solo se representa la última escena con efecto de floración

Estoy usando transparencia en ambas escenas y cada renderizado de compositor tiene un fondo transparente, pero por alguna razón solo se renderiza la última escena.

¿Cuál es un enfoque correcto para representar todas las escenas en orden y luego usar un efecto como composer.addPass( bloomPass ); afectando a ambos?