Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

474
Vistas
Iluminación de modelos glb en Three JS con sombras mínimas

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.

ingrese la descripción de la imagen aquí

Pero cuando importo mi glb a mi escena y agrego algo de iluminación, así es como se ve ingrese la descripción de la imagen aquí

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.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

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.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda