question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Shadow maps - Casting shadows on transparent plane

See original GitHub issue

Hi,

I need to cast shadows on a transparent plane in order to get only the shadow shown and not the material applied to the plane (I want it fully transparent). Is this possible in three.js? I am using THREE.SpotLight as light source.

As a workaround solution I think I could apply a fully transparent texture map as a material and see if works as expected but was wondering if I could manage to get this effect just tweaking standard material properties.

Thanks

Issue Analytics

  • State:closed
  • Created 11 years ago
  • Comments:28 (10 by maintainers)

github_iconTop GitHub Comments

14reactions
mrdoobcommented, May 17, 2016

As of r77 ShadowMaterial is now in core.

8reactions
WestLangleycommented, Feb 29, 2016

Try THREE.ShadowMaterial(). See this stackoverflow post.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Unity test - Casting shadows to an invisible plane (for VR/AR)
Unity test - Casting shadows to an invisible plane (for VR/AR) ... [廣東話] Unity Shader Basic 008 - Shadow Map [簡單黎講 C++].
Read more >
Transparent Plane Still Casts Shadow - Blender Stack Exchange
No, transparent shadows are enabled on both planes. ... (not internal) & everything started working...only the man was casting a shadow.
Read more >
shadow on the plane, everything else to be transparent? how ...
yes the plane should be transparent, just shadow to be visible ... Oh and obviously the plane should be set to receive but...
Read more >
Rendering shadows from plane with partially transparent ...
If you add a small cube in front of your WebLayer3D, it correctly casts shadows on rendered DOM layers: //in app.ts just after...
Read more >
CS307: Shadows and Anti-Aliasing
Plan. Shadows. why are shadows important? shadow maps; adding shadows in Three.js. Exercise: mystery objects casting shadows ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found