.castShadow = true; is not working

Questions
1

Hello: I have two files…
WORKING with shadows… : http://songnes.com/g/g60.html
NOW WORKING, No Shadows… : http://songnes.com/g/g63.html

both of them have this code:

object.castShadow = true;
object.receiveShadow = true;

I have the light… I think it might be with the settings in the light!

const light = new THREE.SpotLight( 0xffffff, 1.5 );
light.position.set( 0, 100, 100 );
light.angle = Math.PI / 9;

light.castShadow = true;
light.shadow.camera.near = 1000;
light.shadow.camera.far = 4000;
light.shadow.mapSize.width = 1024;
light.shadow.mapSize.height = 1024;

can someone help me understand the far, or near, or mapSize, or the Position, or light.angle = Math.PI / 9;… you can see both full code in the “view source” of the web-page

Thank you for all your help…

2

In the second demo, you are using MeshNormalMaterial which is an unlit material. Hence, it does not receive any shadows.

3

Thanks for that, little things that I’m learning.
I change the code, I put Lambert Material, and Phong material… see this:
http://songnes.com/g/g63.html
and still no shadow… see full source code in web-page…
I think it might be the numbers on the light…maybe