I found out that setting renderer.outputEncoding = THREE.sRGBEncoding doesn’t work when using postprocessing #18451 . I’ve been told I need to do the encoding as a postprocess pass but I’m not sure how to do that. Can somebody point me in the right direction or give me some sample code I can use for …

Turns out they have a gamma correction shader in https://threejs.org/examples/js/shaders . Create the pass like this const gammaCorrectionPass = new THREE.ShaderPass(THREE.GammaCorrectionShader) and add it as the final pass composer.addPass(gammaCorrectionPass) If you set renderer.gammaFactor = …

The gamma correction pass fudges the colors a bit. Anybody know how to fix this? [Screenshot from 2020-01-22 17-16-40]

[image] tommygun: If you set renderer.gammaFactor = 2.2 it simulates sRGBEncoding or so I’ve been told Not really, it’s fairly close but not exactly the same. What we need is an sRGBPass I guess. [image] tommygun: The gamma correction pass fudges the colors a bit It’s not clear from y…

The gradients are harsh. The same model without postprocessing looks much smoother up close. [fudging-outlined] [Screenshot from 2020-01-22 17-47-39]

Ah yeah, I couldn’t see that on my phone screen earlier, but it’s obvious now. Can you try @Mugen87 ’s suggestion in this thread? Effect Composer Gamma Output Difference

That works. Was a merge request made for this?

The gamma correction pass makes the background color lighter. This doesn’t happen with renderer.outputEncoding = THREE.sRGBEncoding. Is anyone working on a sRGBEncoding pass? In the meantime is there a way to exclude the background and other objects from the gamma correction pass?

[image] looeee: Not really, it’s fairly close but not exactly the same. What we need is an sRGBPass I guess. You’re right. The difference is pretty noticeable. Composer with gamma correction pass: three.js dev template - module - JSFiddle - Code Playground Renderer with sRGBEncoding: three.…

[image] tommygun: You’re right. The difference is pretty noticeable. I don’t think the difference should be that noticeable. But in any case, you can just write your own sRGBCorrectionPass. Use the gammaCorrectionPass as a template: mrdoob/three.js/blob/205e345b4f48f8b560b3b35391fd9…

sRGB encoding as a postprocess pass

Questions

tommygun January 24, 2020, 2:37am 10

So back to my original question. How do I mimic the result of https://jsfiddle.net/n80zcu9a/ when using EffectComposer to render the scene?

Topic		Replies	Views
sRGBEncoding with post-processing Questions post-processing	8	8665	May 16, 2022
Renderer sRGBEncoding won't work with my own skybox shader Questions webgl	1	906	April 29, 2022
Effect Composer Gamma Output Difference Questions post-processing , gamma	23	10717	May 12, 2020
clearColor post-processing with sRGBEncoding Questions post-processing	2	1083	February 7, 2023
BokehPass destroying sRGB -> GammaCorrection ruining clearColor Questions post-processing	0	681	February 28, 2022

sRGB encoding as a postprocess pass

Related topics