Unity中通过mask组件裁剪出圆形图片,制作出圆形头像

时间:2024-05-21 08:52:57

1.首先找一张圆形图片和长方形图片

Unity中通过mask组件裁剪出圆形图片,制作出圆形头像

2.添加Image控件,同时将图片换成圆形图片

Unity中通过mask组件裁剪出圆形图片,制作出圆形头像

Unity中通过mask组件裁剪出圆形图片,制作出圆形头像

3.在第一个Image下再放一个Image控件,同时将图片换成长方形图片

Unity中通过mask组件裁剪出圆形图片,制作出圆形头像

Unity中通过mask组件裁剪出圆形图片,制作出圆形头像

4.最关键的一步来了,点击第一个Image控件,在右侧添加Mask组件

Unity中通过mask组件裁剪出圆形图片,制作出圆形头像

最后的效果图如下:

Unity中通过mask组件裁剪出圆形图片,制作出圆形头像

是不是很神奇呢。原理其实很简单,长方形的图片相当于子物体,圆形图片相当于父物体,子物体覆盖父物体,在父物体上添加Mask组件后,子物体超出父物体的部分,会被自动隐藏。所以呈现出父物体的形状。