小编dc0*_*c09的帖子

在 Threejs 中使用toneMapping时如何避免背景图像从白色变成灰色?

我使用类中的以下代码来初始化渲染器:

// setup renderer
        this.renderer = new THREE.WebGLRenderer( { antialias: true });
        this.renderer.setClearColor (0xffffff, 1); // set background color
        this.renderer.outputEncoding = THREE.sRGBEncoding;
        this.renderer.toneMapping = THREE.ACESFilmicToneMapping;
        this.renderer.toneMappingExposure = 1;
        this.renderer.physicallyCorrectLights = true;
Run Code Online (Sandbox Code Playgroud)

以下代码添加白色图像作为场景的背景:

var texture11 = new THREE.TextureLoader().load("https://www.publicdomainpictures.net/pictures/30000/velka/plain-white-background.jpg");
        
        this.scene.background = texture11 ;
Run Code Online (Sandbox Code Playgroud)

使用 时toneMapping,白色图像在场景中被渲染为灰色,如下场景:

在此输入图像描述

如何让它渲染成原来的颜色?

javascript three.js

5
推荐指数
1
解决办法
1224
查看次数

标签 统计

javascript ×1

three.js ×1