多边形遮罩

介绍#

多边形遮罩(MKPolygonMask)是为了引导用户点击区域的组件

多边形遮罩效果

使用#

创建三个节点,结构如下

  • MKPolygonMask 组件节点
    • Mask 遮罩节点
      • 遮罩图片节点

遮罩图片节点#

遮罩图片节点

Mask 节点#

Mask节点

MKPolygonMask 节点#

MKPolygonMask节点

  • 遮罩组件

    设置为子节点下的 "Mask 遮罩节点"

  • 屏蔽触摸

    勾选后屏蔽多边形外的区域点击

  • 跟踪节点

    如果运行时引导区域的位置会移动,你可以设置跟踪节点,多边形区域的坐标会跟随跟踪节点坐标移动, 例如运行时跟踪节点相对初始位置向左移动了 10 px,多边形区域也会向左移动 10 px,编辑器环境无效

编辑多边形区域#

编辑多边形区域

  1. 勾选 PolygonCollider2D 组件的 Editing 属性

  2. 拖动场景编辑器内的多边形点,或者编辑 PolygonCollider2D 组件的 Points 属性