[threejs banding] Struggling to fix this issue, now day 2 of this and I keep running into the same banding issue, with different pass setups. renderer.setClearColor('#000000'); const bloomPass = new UnrealBloomPass(new THREE.Vector2(width, height), 1, 1, 0.75); const copyPass = new ShaderPas…

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 ); cons…

Totally lost on this now. [banding 1] [banding 2] Thanks for your help. Adding the render target, cant see a noticeable difference visually. const renderTarget = new WebGLRenderTarget(width, height); const composer = new EffectComposer(renderer, renderTarget); const normalRender = new Re…

Sorry to necro, finding a load of dead ends on this when using Bloom Pass I also noticed the colour banding then when I tried Gamma Correction Pass on its own I also found colour banding. Seems the stack is bugged out…

i would move towards pmndrs/postprocessing by vanruesc. it figures out color management automatically, you don’t need gamma correction.

Thanks, just switched to it and now my colour space looks correct, no more hideous colour banding with Bloom or Gamma Correction pass. The post processing stack in Three.js should be replaced by pmndrs post processing stack imo!

The key thing in getting rid of banding (or the easiest way, at least) is to ensure all render targets use >=16 bits of precision. By default they use 8 bits, and it’s more efficient for older devices but also much harder to avoid precision problems. I’m a big fan of what Raoul is doing with pmndrs…

Related: [image] Adding reflections Questions Yes, this is an advantage but only if you have more than one effect which is not always the case. Many apps just apply a single effect like bloom or pixelation. An Uber shader does not provide benefits in these use cases. Tha…

Render Pipeline Redesign opened 11:04AM - 28 Oct 22 UTC (UTC) [vanruesc] vanruesc discussion This is an overview of the pla…

There is no official discussion at Github yet but I personally favor the new node material as the basis for the upcoming post processing. sunag has already done some terrific work with the node material this year and I believe we can expand the new system towards post-processing like the former node…

I’d love to have this discussion (on GitHub or elsewhere), yes. I suspect that composing shaders with NodeMaterial, and composing passes with the proposed render pipelines in pmndrs/postprocessing, are two orthogonal features and we can do both if we choose. I do worry that the official EffectComp…

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

Questions

Mugen87 December 20, 2022, 5:50pm 8

Topic		Replies	Views
Effect Composer Gamma Output Difference Questions post-processing , gamma	23	10818	May 12, 2020
Post Processing Bloom Effect & Composer Only Creating White Screen Questions postprocessing	41	1048	January 31, 2025
Using UnrealBloomPass causes shadow acne Questions post-processing , unrealbloompass	4	623	June 15, 2023
Wrong colors in transparent materials when using EffectComposer (post-processing) Questions post-processing , effect-composer , color-space	16	932	May 23, 2025
Trying to implement github bloom Questions post-processing	5	1510	July 9, 2022

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

Related topics