threejs渲染曝光功能

查询文档，你可以看到WebGL渲染器的色调映射模式toneMapping、色调映射曝光度toneMappingExposure。

WebGL渲染器属性色调映射模式toneMapping。

const gui = new GUI();
const renderer = new THREE.WebGLRenderer()//WebGL渲染器
gui.add(renderer, 'toneMapping', {
    // 模式有多种，查文档全部复制进去即可，可以选择不同模式
    ACESFilmicToneMapping: THREE.ACESFilmicToneMapping,
    NoToneMapping: THREE.NoToneMapping,
    LinearToneMapping: THREE.LinearToneMapping,
    ReinhardToneMapping: THREE.ReinhardToneMapping,
    CineonToneMapping: THREE.CineonToneMapping,
}).name('色调映射模式').onChange(function (value) {
    renderer.toneMapping = value;
});

WebGL渲染器属性色调映射曝光度toneMappingExposure。

gui.add(renderer,'toneMappingExposure',0,3).name('色调映射曝光度');