2D effects using shaders

Help & Support
1

Hello,

Searching for advice on how to apply effects/shaders when using PlayCanvas for 2D rendering.

If I have a character rendered as a simple 3D plane with a diffuse and opacity map:

683×570 129 KB

How I can apply one of the following effects but only to the character? Not a fullscreen effect.

Applying a pixel shader for example using the diffuseChunk will animate the applied texture but only inside the non transparent rendered pixels (yellow border). Check this:
https://playcanv.as/b/ix56TV6j/

Do I have to utilize a vertex shader? I believe even with a tessalated plane quality will be bad.

Any ideas? It seems simple but I feel stuck :slight_smile:

2

I think I found the answer, just had to write a custom shader from scratch and not use PlayCanvas shader chunks. That way I can handle UVs and transparency all in one shader.

3

Does this help:

https://playcanvas.com/editor/scene/462498

1 Like
4

Ah, very interesting! Yes, I see now which chunks to use exactly. Thanks @will

1 Like