[SOLVED] How to achieve "mask overlay texture" effect?

Questions
1

Playground link

What I’m trying to do is overlap a texture over a rotating mesh.

So far, I’ve achieved a similar effect by creating a plane mesh between the box and the camera with the MULTIPLY blend mode applied to its material, but it works only because the scene’s background is black.

What’s the proper way to do this?

Thanks!

2

I guess your idea is great and you could use a stencil buffer to limit the mask to only the position of the cube ?

3

Thanks, @sebavan, I had a look at stencil buffers in other playground examples, but I can’t understand what’s the logic behind them :confused:

Could you please explain? :pray:

4

You know what I will do a playground for you later tonight :slight_smile: cause I love those kind of PGs.

It is end of school time so busy for a couple of hours.

1 Like
5

https://playground.babylonjs.com/indexStable.html#7LCQQ3#6

Here you go

1 Like
6

Thank you @sebavan, for both the help and the explanation, you saved my day! :pray:

1 Like
7

Actually you do not even need to tweak the depth:
https://playground.babylonjs.com/indexStable.html#7LCQQ3#7

1 Like
8

Good to know! Thanks again! :pray: :pray:

9

@sebavan It might be just me but the links provided don’t seem to work. They go to a playground that never full loads. Might just be an error with the babylon playground environment code and not your specific example?

10

Try this: https://playground.babylonjs.com/#7LCQQ3#7

1 Like