Unity的渲染组件-精灵遮罩

精灵遮罩(Sprite Mask)

创建
Unity的渲染组件-精灵遮罩_第1张图片
属性
Unity的渲染组件-精灵遮罩_第2张图片
Sprite:决定了遮罩的轮廓
Alpha Cutoff:透明度裁剪,确定了(如果包含透明部分)图片直接透明的与非透明度之间的边界。详解见下文
在scene中拖入一张图片GameObject
Unity的渲染组件-精灵遮罩_第3张图片
通过设置GO的Mask Interaction决定是外部还是内部被遮盖
Unity的渲染组件-精灵遮罩_第4张图片
Unity的渲染组件-精灵遮罩_第5张图片这里使用了精灵遮罩是圆形,可见图像外侧
通过脚本控制Mask或者GO可以实现动态的渲染效果。

遮罩嵌套

图片GO添加一份与自身Sprite相同的精灵遮罩,与之交互的go设置为只显示内部
Unity的渲染组件-精灵遮罩_第6张图片
实现类似相框的效果,内部图片外部消失了
Unity的渲染组件-精灵遮罩_第7张图片
遮罩会与所有配置过Mask Interaction属性的GO发生交互
Unity的渲染组件-精灵遮罩_第8张图片
发现交互的部分,图1的腿部显示出来了。
为GO添加Sorting Group 组件可以使精灵遮罩只对自己的子节点起作用
Unity的渲染组件-精灵遮罩_第9张图片
Unity的渲染组件-精灵遮罩_第10张图片
Order in Layer设置渲染层级(前后遮盖效果)

Alpha Cutoff(透明的裁剪)

什么是有透明度的图片?

Unity的渲染组件-精灵遮罩_第11张图片
Alpha只有0 ,1 。画面没有透明度变化。
Unity的渲染组件-精灵遮罩_第12张图片
Alpha值从A到C依次增大到255;所以这幅画面有透明度的变化,4个值,从背景默认为0(完全透明),到C最大为1,此时Alpha Cutoff起作用

简单应用:褪色原理

  1. 创建底图,Mask Interaction = Visable Inside Mask

Unity的渲染组件-精灵遮罩_第13张图片

  1. 添加遮罩,配置Sprite为【有透明度的图片】

Unity的渲染组件-精灵遮罩_第14张图片

  1. 增大Alpha Cutoff 图像褪色

Unity的渲染组件-精灵遮罩_第15张图片
自左向右Alpha Cutoff = 0 / 0.64 / 0.95

你可能感兴趣的:(Unity,&,C#,unity,游戏引擎)