A-Frame THREE.TextureLoader 正在加载看起来被粉刷过的纹理
A-Frame THREE.TextureLoader loading texture whice is looking whitewashed
我正在使用 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
尝试通过以下方式解决此问题:
texture.encoding = THREE.sRGBEncoding;
出现这种颜色偏差的主要原因是颜色space定义错误。
我正在使用 THREE.TextureLoader
更新 a-image scrlet 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
尝试通过以下方式解决此问题:
texture.encoding = THREE.sRGBEncoding;
出现这种颜色偏差的主要原因是颜色space定义错误。