Flowering three. js - blur?

Question

I'm currently experimenting a bit with three.js and I'm trying to add a flowering effect. however, when the Iadd blooms, it appears more like a blur than the actual bloom:

the code:

composer = new THREE.EffectComposer(renderer, renderTarget);
effectBloom = new THREE.BloomPass(1, 25, 5);
composer.addPass(renderModel)
composer.addPass(effectBloom);
composer.addPass(copyPass)

and its visualization with:

composer.render( delta )

I would like to come close to this:

Answer 1

I had a similar problem. Bloom just blurred the image. To fix the problem, I had to set autoClear rendering to false:

renderer.autoClear = false;

And in my rendering cycle, I had to do a manual cleanup before using the composer to render the scene:

renderer.clear();
composer.render();

Check out my pen to see it in action: http://codepen.io/jaamo/pen/BoKXrL

Answer 2

- , . , , .