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
