No estoy seguro si redacté bien mi título, pero me estoy mojando los pies con tres JS. En este momento tengo un modelo glb simple que me gustaría importar a mi escena, pero no puedo obtener la iluminación adecuada. La imagen de abajo es lo que quiero lograr.
Pero cuando importo mi glb a mi escena y agrego algo de iluminación, así es como se ve 
El modelo es bastante oscuro y no consigo que se ilumine de forma ideal. Intenté agregar luces ambientales de arriba hacia abajo, luces puntuales cuando era niño a la instancia de la cámara, luces hemisféricas, etc. pero simplemente no puedo hacer que se vea bien. A continuación se muestra el código para la iluminación actual; Estoy tratando de lograr la apariencia usando luces puntuales atm.
var light = new THREE.PointLight( 0xffffff, 10 ); light.position.z = 10 camera.add(light) var light2 = new THREE.PointLight( 0xffffff, 10 ); light2.position.set(0, -20, 30) scene.add(light2)Si alguien pudiera darme algunas ideas sobre cuál es la forma correcta de lograr lo que deseo, sería genial.
Investigué un poco y resultó que Blender incluye algo llamado mapa de entorno.
https://discourse.threejs.org/t/exporting-blender-scene-lighting-issues/11887/8
Así que también tuve que recrear el ambiente en mi escena.
Después de importar RoomEnvironment así:
import { RoomEnvironment } from 'three/examples/jsm/environments/RoomEnvironment';
Creé el ambiente de la habitación:
const environment = new RoomEnvironment(); const pmremGenerator = new THREE.PMREMGenerator( renderer ); scene.environment = pmremGenerator.fromScene( environment ).texture;Luego agregué los siguientes atributos a mi objeto de escena:
renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.2; renderer.outputEncoding = THREE.sRGBEncoding;¡Después de eso, se ilumina igual de bien! Honestamente, no sé realmente qué hacen estas cosas de mapeo de tonos en este momento, pero por ahora esto resuelve mi problema.