Improve ShadowMesh.js and Prevent Shadow Overlap #24180
Conversation
A simple use of the stencil buffer can prevent ugly artifacts caused by the planar projected shadow of the geometry overlapping with itself.
|
Thanks! |
|
@N8python Thank you for improving this! It has been so many years since I contributed ShadowMesh that I had almost forgotten about it - in fact, I wasn't even aware of this PR or it being merged until I happened to see the name 'ShadowMesh' mentioned on the r142 release changes here . I must confess that I was aware of the overlapping problem back when I first implemented it, but I didn't know (and still didn't until now - thanks!) how to fix it. It's so cool that your fix is only a handful of lines of code added, and that it uses an OpenGL/WebGL built-in Stencil operation - lovin' it! Also from many moons ago, here was my first use-case for the ShadowMesh feature: pixel-perfect shadows for the light cycles and energy walls in my Tron clone, without shadow maps -> old 3dLightCycles demo I might have to revisit this now that you have greatly improved the feature! Thank you again for your contribution and thanks @mrdoob for merging! :) |
A simple use of the stencil buffer can prevent ugly artifacts caused by the planar projected shadow of the geometry overlapping with itself.
A simple use of the stencil buffer can prevent ugly artifacts caused by the planar projected shadow of the geometry overlapping with itself.
A simple use of the stencil buffer can prevent ugly artifacts caused by the planar projected shadow of the geometry overlapping with itself.
No Stencil Buffer:
Stencil Buffer:
This change makes shadowmeshes a viable technique to use for games in which shadowing is simple and only desired for a few dynamic objects, at virtually no cost to the ease of use of the class.