Mask component reference

Mask is used to specify the range where the child node can perform rendering. Nodes with a component that contains Mask will use a bounding box (which has the range specified by 憇ize? of this node to create a rendered mask. All of the child nodes of this node will clip according to this mask and the area outside the mask won't be rendered.

add-mask

Click the add component button at the bottom of the Properties panel and select Task from add rendering component? You can then add the Mask component to the node.

mask.png

Mask attribute

Attribute Function Explanation
Type The mask type Type API
Inverted Boolean,The Reverse mask
AlphaThreshold Float, The alpha threshold,The content is drawn only where the stencil have pixel with alpha greater than the alphaThreshold, Only available in IMAGE_STENCIL mode
SpriteFrame The mask image, Only available in IMAGE_STENCIL mode
Segements The segements for ellipse mask, Only available in ELLIPSE mode

Detailed explanation

After adding the Mask component to a node, all the child nodes of this node will be affected by Mask during rendering.


Continue on to read about ScrollView component reference.