Shadows not taking alpha mask into account

Questions
,
1

I have a model with some transparent areas in the texture, but the shadows don’t seem to care :slight_smile:

Anyone has a solution to this? I’m a bit lost

image
image749×637 119 KB

here’s without shadows:

image
image750×638 81.5 KB

here’s what the actual geometry looks like:

image
image741×662 69.6 KB

any ideas?

2

Hi!
Seems, this example has the effect you want to achieve, but all it does is set alphaTest: 0.5.

3

Try it with a custom depth material like in the example mentioned by @prisoner849:

clothTexture would be the diffuse (PNG) texture of your model.

4

Thanks guys! Totally blanked out on that example, it is exactly what I’m after.

5

Okay, got it working

2019-12-01%2020_25_41-Settings
2019-12-01%2020_25_41-Settings1562×1328 776 KB

One extra thing to watch out for:

when you clone a mesh - it doesn’t retain customDepthMaterial attribute, so you have to be careful about that.

here’s the relevant piece in the source that does Mesh cloning:

again, thanks a bunch!

6

Hi! I tried this but the result is just…

image
image1094×842 330 KB 

const popUpBase_mat = new THREE.MeshDepthMaterial( {
    depthPacking: THREE.RGBADepthPacking,
    alphaTest: 0.5
} );

export const hito1_atlas_mat = popUpBase_mat.clone()
hito1_atlas_mat.map = imagesLoader('Hito1_atlas.png')

Why didnt work?
r133