Subtle colour banding issue, looks like 256 colours when using Bloom with Effect Composer

Questions
2

Can you please create your effect composer like so:

const parameters = {
	minFilter: THREE.LinearFilter,
	magFilter: THREE.LinearFilter,
	format: THREE.RGBAFormat,
	type: THREE.FloatType
};

const renderTarget = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, parameters );

const composer = new EffectComposer( renderer, renderTarget );

Any improvements?

Don’t do that. When using post processing don’t touch outputEncoding but apply a gamma correction pass at the end of the pass chain like so:

Tone mapping should also be done via post-processing: https://threejs.org/examples/webgl_shaders_tonemapping

2 Likes