Unity 遮罩基础应用

介绍

Unity中Mask可以控制图片的显示范围,使图片只显示其中的一部分,是一个很好用的功能。
例如头像的圆角、不规则形状等等。
下面我们就简单实现一个圆角图片。
(以后先讲步骤,然后再讲具体实现细节。)

步骤

  1. 用一个空物体包裹你要操作的图片
  2. 在空物体中加入Image和Mask脚本
  3. Image脚本的Source Image属性总填入圆角形状的图片

详细实现 ##

首先,准备好需要的图片,一张圆形图片和一张要显示的图片
Unity 遮罩基础应用
圆形图片(因为没找到圆形图片就用这个代替)
Unity 遮罩基础应用
要显示的图片

有了图片之后新建一个2d项目,新建一个Image,将图片放入,这时效果如图:
Unity 遮罩基础应用
然后我们新建一个空对象,命名为Mask,为其添加Mask和Image脚本,sourceImage属性中填入圆形图片。就会出现如下效果:
Unity 遮罩基础应用
Unity 遮罩基础应用

我们可以看到,两个图像重叠了。接下来,我们将Image物体移到Mask下作为它的子物体,这样效果就实现了。
最终布局:Unity 遮罩基础应用
最终效果:
Unity 遮罩基础应用