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

更新后的材质如下： after update

Answer 1

尝试通过以下方式解决此问题：

texture.encoding = THREE.sRGBEncoding;

出现这种颜色偏差的主要原因是颜色space定义错误。

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

A-Frame THREE.TextureLoader loading texture whice is looking whitewashed

three.js

aframe

texture-mapping