Hi, have a glb model imported aswell as an HDRI for lighting.
new RGBELoader()
.setPath( 'textures/' )
//.load( 'footprint_court_2k.hdr', function ( texture ){
.load ( 'venice_sunset_1k.hdr', function ( texture ){
texture.mapping = THREE.EquirectangularReflectionMapping
//texture.mapping = THREE.EquirectangularRefractionMapping
scene.background = texture
scene.environment = texture
} )
{/* LOADS THE GLB MODEL */}
loadGLTFModel(scene, '/model.glb', {
receiveShadow: false,
castShadow: false
}).then(() => {
animate()
setLoading(false)
})
and my loaders code
loader.load(
glbPath,
gltf => {
const obj = gltf.scene
obj.name = 'scene'
obj.position.y = 0
obj.position.x = 0
obj.position.z = 0
obj.receiveShadow = receiveShadow
obj.castShadow = castShadow
scene.add(obj)
obj.traverse(function (child) {
if (child.isMesh) {
child.castShadow = castShadow
child.receiveShadow = receiveShadow
}
})
The issue that I’m facing is that some of my models ends up without textures like
when on online viewers it looks like
Another issue on the scene is that, another model ends up looking super glossy compared to online viewers
when on viewers it looks like this