Gadient UI mask

Is it possible to have a mask with gradient transparency?
I need a circular mask with a gradient effect for the motion graphic inside Playcanvas
So far PlayCanvas read any color which is >0 opacity as full color mask

Hi @Dava,

Sadly no, right no element masks are 1-bit, that is either yes or no:

https://developer.playcanvas.com/en/user-manual/user-interface/image-elements/#masks-and-masking

You may be able to use a custom material in your image element, depending on what you are trying to do. Check this post:

Unfortunately, it’s not working for me
I made sprite, with shader material, and in opacity, slot put png texture of my mask.
I can’t see anything

My mask


Material

Capture it with SpectorJS (Chrome plugin works well) and inspect - that’s the best way to see what is going on under the hood on the GPU.