UGUI自带Mask实现新手引导简单遮罩(无需shader)

效果如下:


大部分教程都有shader实现遮罩,shader可以控制更好效果的遮罩。unity自带的功能也能实现简单的新手引导遮罩,只是unity自带的遮罩会有锯齿。之后再更新加shader的版本。

以下是具体步骤:

1、将MainCamera 的背景设为solidcolor.改为黑色。


2、添加两张背景,内容一摸一样


3、UGUI渲染层级是根据场景层级的顺序,所以排列在前面的图看不到。选中背景层,加入canvas group 组件,将透明度调低。


4.将按钮放在遮罩层层级下,将遮罩图放在canvas层级最层底,调整遮罩图位置与按钮位置一致


5.将被遮罩层拉到mask遮罩图层级底部。Amazing!


6、事件遮罩。假如背景不止一个按钮,在背景层层级下加入其他按钮。

将底部背景层上的canvas group的block raycast勾选为false,这样处于背景层的按钮都不能点击,只有遮罩层的按钮可以点击


7、储存prefb

将新手引导的遮罩层存为prefab,在需要时Instaniate即可。用代码控制block raycast和背景的黑色渐变。可以利用PlayerPrefs判断是否第一次打开。

源码链接

猜你喜欢

转载自blog.csdn.net/lisa0626/article/details/80046580
今日推荐