Unity 遮罩基础应用

来源:互联网 发布:手机必备软件下载 编辑:程序博客网 时间:2024/05/16 06:30

介绍

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

步骤

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

详细实现 ##

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

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

我们可以看到,两个图像重叠了。接下来,我们将Image物体移到Mask下作为它的子物体,这样效果就实现了。
最终布局:这里写图片描述
最终效果:
这里写图片描述

原创粉丝点击