我目前正在尝试使用three.js,我正在尝试添加一个绽放效果。然而,当Iadd绽放时,它更像是模糊而非实际的绽放:
代码:
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 )
我想更接近这个:
答案 0 :(得分:4)
我有类似的问题。 Bloom只是模糊渲染的图像。要解决此问题,我必须将渲染器autoClear设置为false:
renderer.autoClear = false;
在我的渲染循环中,我必须在使用composer渲染场景之前手动进行清除:
renderer.clear();
composer.render();
检查我的笔以查看此操作: http://codepen.io/jaamo/pen/BoKXrL
答案 1 :(得分:0)
绽放是一个模糊的图像,超出了你的主渲染。您可能需要更多动态范围来创建效果,如附图中所示。