ShadowMap not casting shadows on mesh using three.js

Question

I'm trying to use three.js spotlight to cast a shadow from a ball mesh (phong material) onto a floor mesh (phong material), however it doesn't seem to be working - here is what I have https://jsfiddle.net/m6t43ob5/1/

As you can see, I have enabled the shadow map using:

renderer.shadowMap.Enabled = true;

And my light is definitely casting shadows:

spotLight.castShadow = true;

My floor mesh is definitely set up to receive shadows:

floor.receiveShadow = true;

And my ball mesh is set up to cast shadows:

ball.castShadow = true;

So I just don't understand what I could be missing to cast my shadow? I've researched and it seems most other people have fixed it by adding the shadowmap enabled value but I've added this and it still doesn't work. Appreciate the help!

gaitat · Accepted Answer · 2016-11-15 13:31:43Z

2

Should be:

renderer.shadowMap.enabled = true;

answered Nov 15, 2016 at 13:31

gaitat

12.7k5 gold badges57 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

gaitat Over a year ago

if you delete it I will loose my points and others will not benefit. It is a common mistake.

sparkhead95 Over a year ago

I'll keep it then

sparkhead95 Over a year ago

To be fair- three.js warns you about pretty much everything else. Interesting that there's no warning for a capital on the E

gaitat Over a year ago

yes because it is javascript. You might have wanted to add a new attribute to the object (which you can).

Collectives™ on Stack Overflow

ShadowMap not casting shadows on mesh using three.js

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related