Why spotlight passing is through meshes?

Questions
1

I dont know why this spotlight is passing through the meshes?
Anyone who has idea how to fix this issue?

const light = new THREE.SpotLight();
light.intensity = 0.25;
light.castShadow = true;
scene.add(light);

image
image432×632 46.5 KB

image
image740×688 71.7 KB

2

You have to set castShadow and receiveShadow of the shelf object to true. And the floor objects needs receiveShadow set to true.

3

I have set castShadow and receiveShadow of the shelf object to true. floor objects I set receiveShadow to true.
But still I can see the light is passing through the meshes

image
image947×696 146 KB

regarding my light, I use this way

image

4

Did you check if all children of this object has also these shadow properties updated?

5

Have you checked Material.shadowSide ?

6

I set materialNeedsUpdate=true, matrixAutoUpdate=true
Is there anything else that you mean?

7

I have tried to do all

Side ID Side
THREE.FrontSide back side
THREE.BackSide front side
THREE.DoubleSide both sides

image

Still the output has no impact

image

8

Hi @USMANHEART , have you managed to solve this issue?

9

It is still the same issue

10

In your snapshots I do not see shadows. Shadows require four things:

  • To be enabled in the renderer (e.g. renderer.shadowMap.enabled = true;)
  • To be enabled in the light (e.g. light.castShadow = true;)
  • To be accepted by the object (e.g. object.receiveShadow = true;)
  • To be generated by the object (e.g. object.castShadow = true;)

Are you sure you have enabled the shadows in the renderer? When I try to recreate your example, the lights look OK. Here is a snapshot:

image
image1032×776 35.6 KB

11

Wow, I will test again. Thanks for solution