MaskableGraphic is a Graphic-based component. It can limit its visibility by creating a masked area. MaskableGraphic is an abstract class with multiple subclasses, including Image, Text, RawImage, etc.
The function of MaskableGraphic is to intersect the Graphic object it contains with the mask area and display it within the mask area, while the parts beyond the range are hidden. The mask area can be of any shape, it can be a rectangle, a circle, a custom graphic, etc.
In Unity, you can create a mask by creating an empty object (such as a UI Panel) and adding a Mask component to it. Then, add a MaskableGraphic component to the child object of the empty object and make all objects that need to be masked as its child objects. In this way, the MaskableGraphic and the mask object can work together to display the desired graphics within the mask range.
It should be noted that MaskableGraphic only masks itself and its sub-objects, without affecting other objects. In addition, the shape of the mask will affect the rendering effect of MaskableGraphic, so it needs to be selected according to actual needs.