There used to be a ShadowVolume. Is there a replacement now? Is there any open-source solution if not in the core three.js?

Are you referring to this example? https://threejs.org/examples/webgl_shadowmesh Related issue at github: [image] Issue: new THREE.ShadowMesh and Demos opened by erichlof on 2015-02-12 closed by mrdoob on 2015-09-17 Hi everyone, I have been looking for an easy way to add…

I’m looking for the modern version of this: https://cs.calvin.edu/courses/cs/352/files/three.js/mrdoob-three.js-25dddd2/examples/webgl_stencil.html ShadowMeshes just work with a planar shadow, but I’m looking for volumetric stencil shadows. Note how in the demo above the shadows of the torus on th…

I couldn’t find an example so I built one. For anyone in need in the future: [image] dyarosla/shadowVolumeThreeJS Shadow Volume / Stencil Shadows example using three.js - dyarosla/shadowVolumeThreeJS

Here’s a live version of you demo :slight_smile:

I put together a small little shadow volume experiment awhile ago that does shader based geometry projection: https://github.com/gkjohnson/threejs-sandbox/tree/master/shadow-volumes And the demo: https://gkjohnson.github.io/threejs-sandbox/shadow-volumes/index.html The geometry is modified to cr…

Currently 3D platformer game shadows that run nicely on mobile.

Do you per chance know how this works? Looking at the code, I cant understand how just the matrix is enough to make the volume. Wait, are they just projecting on the plane there???

@dyarosla damn, that is cheating, too - you just use another mesh here , right? I was looking for someone who did something like this ( output ).

My code is just for the stencil shadow itself; if you want to generate it for an arbitrary mesh you’d do that separately and use that generated mesh as the input. Either way you are going to be using a second mesh, either static (like my example) or dynamically generated to use if you’re going to us…

[image] makc3d: @dyarosla damn, that is cheating, too - you just use another mesh here , right? I was looking for someone who did something like this ( output ). That’s exactly what I’m doing in the example I posted above: //github.com/gkjohnson/threejs-sandbox/tree/master/shadow-v…

What's the fastest way to use stencil shadows in modern three.js?

Questions

dyarosla May 24, 2019, 10:33pm 4

I couldn’t find an example so I built one.

For anyone in need in the future:

4 Likes

Topic		Replies	Views
What does ShadowMesh do in laymen terms? Questions shadows	2	1224	June 7, 2021
Accumulative Shadow from r3f to vanilla Threejs Questions shadows , baked	5	3014	November 9, 2022
Progressive lightMap as Floor Shadow Catcher Questions lightmap , shadow-map , ground	26	4211	February 21, 2023
Three.js scene like in Airbnb Ad Questions shaders , shadows	9	926	July 20, 2024
Pmndrs drei vanilla: Questions on baking a static shadow map Questions shadows , drei , shadowmap	10	950	March 4, 2024

What's the fastest way to use stencil shadows in modern three.js?

Related topics