Postprocessing problem with layers

Questions
1

Hello everyone!

I have an issue. i am trying to animate particles with explosion effect but when i do that with postprocessing particle burst appears to be behind the geometry.

my geomtry layers are set to 0
and my particles are set to 1

does anyone know how to fix that? its very nasty bug for me. i couldn’t find a solution.

here is my work link :

https://www.cadcamge.ch/tracer-tmp/subsystem/core/r5.0/#

here is my code :

let speed = 0.03;

        function animate(){

            scope.animateParticles = window.requestAnimationFrame(animate);

            scope.parts[0].object.layers.set(1);
            scope.camera.layers.set(1);
			scope.composer.render( clock.getDelta() );

            scope.renderer.clearDepth();
            scope.camera.layers.set(0);

            scope.renderer.render( scope.scene, scope.camera );	
        
            scope.particle1.position.z -= speed;
            scope.particle2.position.z += speed;

            if( scope.particle1.position.z < 0 ){
                speed = 0;   
                scope.parts[0].update();
            }

        
            
        }
        animate();
    }