How can i eliminate the gradient,, make it smoothly?

Questions
, ,
1

as you see,my model and background image display some gradient layer by layer,
this is not what I want,
how can i eliminate the gradient,
make all smoothly?

thanks.

Snipaste_2023-01-10_16-12-51
Snipaste_2023-01-10_16-12-511516×896 49.4 KB

Snipaste_2023-01-10_16-15-37
Snipaste_2023-01-10_16-15-371412×897 183 KB

Snipaste_2023-01-10_16-16-24
Snipaste_2023-01-10_16-16-241440×908 112 KB

2

https://threejs.org/docs/index.html#manual/en/introduction/Color-management

this will help to reduce banding, not sure if you can get rid of it completey

THREE.ColorManagement.legacyMode = false

gl.outputEncoding = THREE.sRGBEncoding
gl.toneMapping = THREE.ACESFilmicToneMapping

if you use buffers or postpro, your webglrendertargets should also be sRGBEncoding and type: THREE.HalfFloatType

3

EffectComposer.js - > type: THREE.FloatType
image

4

BTW: Using half float for internal render targets should be sufficient.