three.js绽放是模糊的吗?

时间:2014-05-16 22:39:14

标签: three.js bloom

我目前正在尝试使用three.js,我正在尝试添加一个绽放效果。然而,当Iadd绽放时,它更像是模糊而非实际的绽放:

enter image description here

代码:

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

并使用以下方式呈现:

composer.render( delta )

我想更接近这个:

enter image description here

2 个答案:

答案 0 :(得分:4)

我有类似的问题。 Bloom只是模糊渲染的图像。要解决此问题,我必须将渲染器autoClear设置为false:

renderer.autoClear = false;

在我的渲染循环中,我必须在使用composer渲染场景之前手动进行清除:

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

检查我的笔以查看此操作: http://codepen.io/jaamo/pen/BoKXrL

答案 1 :(得分:0)

绽放是一个模糊的图像,超出了你的主渲染。您可能需要更多动态范围来创建效果,如附图中所示。