Unable to see shadows on ground plane

Torben_Van_Assche · March 16, 2022, 2:09pm

I am unable to get any shadows in the scene…
As far as I can tel I have gone through all the required steps:

Renderer - shadowMap is enabled
All objects in the scene can cast shadows if the are DynamicMesh
The ground plane receives shadows
I visualized the shadow camera to make sure the frustrum was OK

chrome_GGYa3zAxql933×895 165 KB

vielzutun.ch · March 16, 2022, 3:11pm

Do you have a shadow-casting light?

Torben_Van_Assche · March 16, 2022, 3:42pm

I do

github.com

ONiKi-Git/Configurator-Web/blob/b1f0495f272ede930da0514f735bf8ac0f2f48d1/libs/renderer/src/lib/classes/scene.ts#L12

      
        
            
            
export class Scene extends THREE.Scene {
              data: Map<string, THREE.Object3D> = new Map<string, THREE.Object3D>();
            
            
  constructor() {
                super();
            
            
    this.lighting();
              }
            
            
  private lighting() {
                const dirLight = new THREE.SpotLight(0xffa95c, 1);
                dirLight.name = 'Directional Light';
                dirLight.castShadow = true;
                dirLight.position.set(1, 1, 1);
                dirLight.shadow.mapSize = new THREE.Vector2(512, 512);
                dirLight.shadow.camera.near = 1;
                dirLight.shadow.camera.far = 3;
                this.add(dirLight);
            
            
    this.add(new THREE.CameraHelper(dirLight.shadow.camera))

phil_crowther · March 17, 2022, 6:34am

What type of texture are you using for the ground?
MeshBasicMaterial does not accept shadows.

Torben_Van_Assche · March 21, 2022, 12:19pm

I am using MeshPhysicalMaterial

Chaser_Code · March 21, 2022, 4:31pm

Maybe model without option castShadow. You can try create simple box to test shadow.

phil_crowther · March 21, 2022, 10:20pm

I see that the light position is only 1 unit away and that camera near is also 1.
Could that be the problem?

If not, is there an ambient light that is overwhelming the shadows?

Torben_Van_Assche · March 23, 2022, 1:04pm

There was an ambient light that was quite bright…
Turning that one down, and removing physically correct lighting made it look a lot better

phil_crowther · March 23, 2022, 3:40pm

I’m glad that helped. Since using shadows, I have been turning down my ambient light significantly, generally to around less than 0.1.

Topic		Replies	Views
Can't get shadows to work Questions lighting , shadows , obj	8	2060	April 22, 2020
Mesh not casting shadows on other mesh and mysterious ray of light bouncing Questions shadows	3	1064	June 28, 2021
Shadows not working at all [Parcel, Node] Questions shadows	12	434	November 12, 2023
Troubles with shadows in basic three.js scene Questions shadows	3	39	November 5, 2024
Shadow not working Questions shadows	5	1417	November 16, 2022

Unable to see shadows on ground plane

Related topics