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

352
Vistas
Las sombras de Three.js actúan de manera extraña

Estoy tratando de crear un pequeño sistema solar pero encontré un error... o una característica. Me gustaría que todos mis planetas pudieran proyectar y recibir sombras de todos los demás planetas. Sin embargo, parece que depende del orden de las instancias si las sombras se proyectan o no. Código para la luz y las sombras:

 const sunLight = new THREE.PointLight(0xffffff, 3, 100); sunLight.position.set(0, 0, 0); sunLight.castShadow = true scene.add(sunLight); //Set up shadow properties for the light sunLight.shadow.mapSize.width = 512; // default sunLight.shadow.mapSize.height = 512; // default sunLight.shadow.camera.near = 0.5; // default sunLight.shadow.camera.far = 500; // default const sphereSize = 1; const pointLightHelper = new THREE.PointLightHelper(sunLight, sphereSize); scene.add(pointLightHelper); const shadowHelper = new THREE.CameraHelper( sunLight.shadow.camera ); scene.add( shadowHelper );

Código básico para los objetos de código:

 var earth = new THREE.Mesh( new THREE.SphereGeometry(1, 32, 16), new THREE.MeshStandardMaterial({ map: tLoader.load("/textures/nasa-world.jpg"), bumpMap: tLoader.load("/textures/nasa-jpl-world-bump.png"), bumpScale: 0.01, })); earth.castShadow = true earth.receiveShadow = true // position goes here scene.add(earth); var mars = new THREE.Mesh( new THREE.SphereGeometry(0.53, 32, 16), new THREE.MeshStandardMaterial({ map: tLoader.load("/textures/nasa-mars.jpg"), bumpMap: tLoader.load("/textures/nasa-mars-bump.png"), bumpScale: 0.01, })) mars.castShadow = true mars.receiveShadow = true //position goes here scene.add(mars);

Caso 1 (sombra de trabajo):

 earth.position.x = 18 mars.position.x = 15

( https://ibb.co/gS26Sfz )

Caso 2 (no funciona):

 earth.position.x = 15 mars.position.x = 18

( https://ibb.co/PZrh2wS )

Caso 3 (no estoy seguro de por qué, pero funciona): cuando cambio la creación de instancias (primero instancia Marte, luego tierra, el Caso 2 SÍ funciona). ( https://ibb.co/pRz06b1 )

Me parece que solo los objetos que se instancian ANTES de los objetos que arrojan sombras pueden recibir sombras. Sin embargo, no puedo imaginar que esto sea realmente una limitación, probablemente esté haciendo algo mal. Por favor, ayúdenme, ¿cómo puedo hacer que ambos objetos proyecten y reciban sombras entre sí?

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

0

Después de jugar y leer más documentación, parece que este problema está codificado. El orden de instanciación parece determinar qué puede proyectar y recibir sombras. En otras palabras: las mallas que van a recibir la sombra deben instanciarse antes que los objetos que proyectan las sombras. Esto es una gran limitación, en algunos aspectos.

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