三.js 绽放是模糊的?

Kev*_*uyl 4 bloom three.js

我目前正在尝试使用 Three.js 并尝试添加绽放效果。然而,当我添加绽放时,它更像是模糊而不是真正的绽放:

在此处输入图片说明

编码:

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

并且它被呈现为:

composer.render( delta )
Run Code Online (Sandbox Code Playgroud)

我想更接近这个:

在此处输入图片说明

小智 5

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

renderer.autoClear = false;
Run Code Online (Sandbox Code Playgroud)

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

renderer.clear();
composer.render();
Run Code Online (Sandbox Code Playgroud)

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

  • 撕笔示例 (5认同)