How to make the light not reach an object behind an illuminated wall?
Realtime renderers like three.js typically do not simulate light bouncing around in the way you might imagine. Instead each surface is rendered, and illuminated based on its distance and orientation to lights, without regard for any surfaces that might be occluding it.
To introduce that occlusion, you must explicitly configure shadow-casting for the objects and light sources you want to include. There are many ways to do that, with different tradeoffs, which you can find in the official examples by searching for the term “shadow”:
https://threejs.org/examples/?q=shadow#webgl_shadowmap
It’s also an option to bake lighting in Blender or other 3D tools, which can often give you a particularly nice visual effect at no performance cost.
1 Like
Thank You for the attention… I’ll go deep into the examples. 