Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

360
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!