Component:Mask

CollapseComponent image 

Mask component as seen in the Scene Inspector

The Mask component restricts the rendering of anything beneath it. It requires an Image component, text, arc, rectmesh, or anything that displays a graphic on the same slot. Only opaque areas of the graphic on the same slot will render the UIX below. This is also utilized in ScrollRect since it can mask anything outside of the scrolling viewport when using the component.

There is a UIX Tutorial that use masking and ScrollRects to help you understand how masks work.

A few notes about this component:

• This can have issues with UIX's behind, since there are some rendering bugs with Unity.
• If a Mask component and a layout component (HorizontalLayout, VerticalLayout, or GridLayout) are on the same slot, it will mess up the UIX (especially when trying to make ScrollRects work).

Fields Collapse

Name	Type	Description
persistent	Bool	Determines whether or not this item will be saved to the server.
UpdateOrder	Int	Controls the order in which this component is updated.
Enabled	Bool	Controls whether or not this component is enabled. Some components stop their functionality when this field is disabled, but some don't.
ShowMaskGraphic	Bool	Shows the graphic being used to do the masking for debug purposes.

Usage

This can be used for fancy cutout effects.

Examples

The ScrollRect section which is part of the UIX Canvas object created by the create new menu.

Here is ProbablePrime's tutorial on masking:

Load video

YouTube

YouTube might collect personal data. Privacy Policy

ContinueDismiss