Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

351
Visualizações
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 Respostas
Responde à pergunta

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda