Hello everybody, I have a 8bit sRGB png image that I need to render in my game. I haven’t done this before but I’ve found this example from threejs that does sRGB encoding on a texture + gamma correction. So here is what I’ve done in code: For the renderer: renderer.gammaInput = true; renderer.g…

I’ve added a PR with the changes to MeshBasicMaterial here: MeshBasicMaterial: Add dithering mrdoob:dev ← gkjohnson:add-basic-material-dithering opened 06:51PM - 30 Mar 20 UTC (UTC) …

Just a guess, but sRGB would use more precision for the green range (where human perception is better). This image is all blue, and therefore gets less precision. I’m surprised dither has no effect at all, though… that’s the most common fix for banding. lightTexture.color.convertSRGBToLinear(); T…

So I have managed to recreate the issue in a codepen: https://codepen.io/Kromahtique/pen/bGdOGZz You are correct @donmccurdy . I wasn’t considering it before, but the FXAA post process is the issue. It seems to discard the rendering configurations (gammaFactor and outputEncoding) and renders everyt…

I could’ve sworn there was a post-processing pass already written to do the linear->sRGB step somewhere. Having trouble finding it now though. :confused:

@donmccurdy I believe you might be thinking about GammaCorrectionShader ? It was changed recently to use LinearTosRGB() instead of LinearToGamma().

@Mugen87 @donmccurdy @DolphinIQ I see the same banding issue when modifying the example codepen to use the GammaCorrectionShader. I see the same problem in my projects expected this to be due to a loss of precision (especially in dark regions) in the target buffer because the color channels only h…

@Mugen87 Thanks! That topic didn’t necessarily seem super definitive, though. Looking around online it looks like the consensus is that if you’re doing a post process gamma correction you need to use target buffers that are higher preceision like 16bit floats or shorts. Do you know if this is docum…

Consider the process when post-processing is not involved. As far as I know that works well — sometimes you need dithering, but when necessary dithering reduces banding regardless of any tonemapping and encoding settings. Here are the last few steps of meshphysical_frag.glsl.js: [Screen Shot 2020-0…

@donmccurdy Thanks you’re right it looks like dithering does help quite a bit. I put together a demo that demonstrates what I imagined was the worst case for banding (point light over a plane in a black scene) to see what the effect is on everything. You can check it out here: https://gkjohnson.gi…

sRGB texture encoding gives color banding issue

Questions

Mugen87 March 28, 2020, 6:01pm 11

This topic was already discussed here: Effect Composer Gamma Output Difference

Topic		Replies	Views
Help on texture and renderer encoding Questions textures , materials , geometry	8	3741	August 19, 2022
[resolved]How to solve the sRGB problem Questions post-processing	4	584	May 9, 2023
Effect Composer Gamma Output Difference Questions post-processing , gamma	23	10999	May 12, 2020
Subtle colour banding issue, looks like 256 colours when using Bloom with Effect Composer Questions post-processing	16	2731	June 21, 2023
sRGBEncoding with post-processing Questions post-processing	8	8763	May 16, 2022

sRGB texture encoding gives color banding issue

Related topics