ThreeJS-添加布隆通行证会影响画布的透明度

Question

开花效果透明度

对于渲染器，我具有此设置：

renderer = new THREE.WebGLRenderer( { antialias: true, preserveDrawingBuffer:true, alpha:true } );

用于绽放通行证（后处理）

var renderPass = new RenderPass( scene, camera );
var bloomPass = new UnrealBloomPass( new THREE.Vector2( window.innerWidth, window.innerHeight ), 1.5, 0.4, 0.85 );
bloomPass.exposure =0.2;
bloomPass.threshold =0;
bloomPass.strength = 0.2;
bloomPass.radius = 0.1;
composer.addPass( renderPass );
composer.addPass( bloomPass );

并且在渲染时我正在使用

composer.render()

但是这是通过变暗来影响画布的透明度（场景）

Answer 1

绽放通行证在图像和模糊版本之间进行了某种混合，从而导致颜色改变。您应该考虑设置WebGLRenderer tone mapping property以设置良好的色彩动态范围

音调映射定义（Wikipedia）

色调映射是一种用于图像处理和计算机的技术图形将一组颜色映射到另一组颜色以近似高动态范围图像在具有更多特征的介质中的外观动态范围有限。

在初始化例程中添加此行

renderer.toneMapping = THREE.ReinhardToneMapping