How to make opacity for Graphics component

Hi, all dear community developers.
I have to add opacity or alpha to Graphics component.

As you know, UIOpacity doesn’t work with Graphics.
I tried to use Mask’s Graphics, but it can clear region but not affect opacity.
Am using creator 3.7.3.

Any good idea?

I’m sorry, but opacity doesn’t work for graphics.Can you explain what you’re trying to accomplish?
If you want to control the color of the graphics you can add transparency directly to the fillColor.
In the case of masks, the graphics of the mask are used to provide the mask area and are not rendered, so transparency is ignored.

You can state the way you want to achieve it and I can try to give suggestions.

Sorry for late.
I’m using several graphics on Node and I’ve to change opacity of the graphics for a animation.

Sorry, there’s no component that directly meets this requirement, but we can do this with a custom material by passing in the transparency value via uniform and having it take effect.
I’ve created a simple demo that you can use as a reference to accomplish this.
GraphicsUseAlpha.zip (6.4 MB)

Hi, ChiaNing.
Thank you very much for the demo. It works well.