three.js - A-Frame THREE.TextureLoader 加载看起来被粉刷过的纹理

Question

我正在使用 THREE.TextureLoader 更新 a-image scr

let loader = new THREE.TextureLoader()
const imgload = loader.load(
            './test.png',
              function ( texture ) {
                      firstFrameImage.getObject3D('mesh').material.map = texture
                      firstFrameImage.getObject3D('mesh').material.needsUpdate = true
              },
            
              // onProgress callback currently not supported
              undefined,
            
              // onError callback
              function ( err ) {
                console.error( 'An error happened.' );
              }
            )

它更新了纹理，但它使纹理变白了。谁能帮忙？

原图: original

更新后的 Material 如下: after update

Answer 1

尝试通过这样做来解决这个问题:

texture.encoding = THREE.sRGBEncoding;

像这样的颜色偏差大多是由于颜色空间定义错误造成的。