three.js - 三.js 绽放是模糊的？

Question

我目前正在尝试使用three.js，并且正在尝试添加绽放效果。然而，当我添加绽放时，它更像是模糊而不是实际的绽放：

编码：

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 )

我想更接近这一点：

Answer 1

我有这个类似的问题。Bloom 只是模糊了渲染的图像。要解决这个问题，我必须将渲染器 autoClear 设置为 false：

renderer.autoClear = false;

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

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

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

Answer 2

绽放是一个模糊的图像，叠加在你的主要渲染上。您可能需要更多的动态范围来创建所附图像中的效果。