No tengo experiencia con javascript o three.js, pero recientemente estoy trabajando en la modificación de una escena de three.js. He agregado sombra sobre mi modelo GLTF. Y la sombra se muestra muy bien sobre mi modelo. Pero también veo estas líneas amarillas y rojas debajo de mi modelo. No se que son ni como quitarlos.

A continuación agregaré parte del código que uso:

 // LOAD TEXTURE - Cube const loader = new THREE.CubeTextureLoader(); loader.setPath( 'textures/3/' ); textureCube = loader.load( [ 'px.png', 'nx.png', 'py.png', 'ny.png', 'pz.png', 'nz.png' ] ); textureCube.encoding = THREE.sRGBEncoding; scene.background = textureCube; // Cube Light const ambient = new THREE.AmbientLight( 0x404040 ); scene.add( ambient ); let light = new THREE.DirectionalLight(0xfffffff, 0.5); light.position.set(0, 1, 0); light.castShadow = true; light.shadow.mapSize.width = 512; light.shadow.mapSize.height = 512; light.shadow.camera.near = 0.5; light.shadow.camera.far = 500 scene.add(new THREE.CameraHelper(light.shadow.camera)); scene.add(light);

A continuación, también puede ver una captura de pantalla con estas líneas amarillas y rojas que me gustaría eliminar: