sRGBEncoding在THREE.EffectComposer中无法正常工作

Question

我正在尝试在threejs场景中进行后期处理，这里我使用EffectComposer来完成它，但是我无法在renderTarget中启用sRGBEncoding。

const renderTarget = new THREE.WebGLRenderTarget(
    sizes.width,
    sizes.height,
    {
        minFilter:THREE.LinearFilter,
        magFilter:THREE.LinearFilter,
        format:THREE.RGBAFormat,
        encoding:THREE.sRGBEncoding

    }
)

我的effectComposer是这样的：

const effectComposer = new EffectComposer(renderer,renderTarget);
effectComposer.setPixelRatio(Math.min(window.devicePixelRatio,2));
effectComposer.setSize(sizes.width,sizes.height)

但是sRGB编码无法工作

- ajay sharma

Answer 1

在使用后期处理时，在通道链的末尾使用伽马校正通道。这将确保sRGB编码输出。

composer.addPass( new ShaderPass( GammaCorrectionShader ) );

完整示例: https://threejs.org/examples/webgl_postprocessing_3dlut

- Mugen87

---

但它仅在使用shaderPass时才有效。如果添加了不同的通道（而非shaderPass），它将无法工作。 - ajay sharma