通过蒙板测试在NGUI中简单实现蒙板效果

经常会有需要镂空一张贴图的时候，比如新手引导的界面。使用自定义NGUI Shander可以简单的实现。但是效果还是比较初级

步骤一：

创建两个UITexture，分别为黑色底图maskbg，蒙板mask。mask要层级低于maskbg。

步骤二：准备两个Shader：Unlit - Transparent Colored MaskBG，Unlit - Transparent Colored Mask，分别给maskbg及mask使用。它们都是在NGUI自带渲染UITexture的Shader Unlit - Transparent Colored上改变而来。所以可以复制两份Unlit - Transparent Colored着色器，分别命名好。

步骤三：在Transparent Colored MaskBG加入代码

Stencil{Ref 0Comp Equal}

只有蒙板缓冲区的值为0时，贴图像素才会被渲染。没添加mask的话能全部显示。

步骤四：在Transparent Colored Mask

Stencil{Ref 1Comp NeverFail Replace}

永远不渲染mask贴图，并且将蒙板缓冲区的值置为1。

步骤五：给maskbg及mask这两个UITexture设置你想要的贴图。通过指定mask的位置的大小，可以方便地控制蒙板区域。

不支持Alpha蒙板，后面再研究

通过蒙板测试在NGUI中简单实现蒙板效果相关推荐

php mysql 简单留言板_PHP+MySql实现一个简单的留言板
跟着书学的,代码不是自己写的,但是都能理解,有时间自己去写个好看一点的吼吼吼-(不熟练花了一天的时间- 留言板是接触WEB开发的基础,写一个留言板需要知道前端的一些基础标签,对数据库有一个了解会基础S ...
php实例之简单的留言板,PHP实例一之简单的留言板
注:参考兄弟连教学视频写的一个简单的留言板模块,获得更多内容请参考我的博文. 示例:文本式留言板需要的知识点: 1.文件操作: file_put_contents();文件的写入函数 file_ge ...
vue实现留言板的功能_Vue实现简单的留言板
本文实例为大家分享了Vue实现简单的留言板的具体代码,供大家参考,具体内容如下 body { /* margin: 0; */ padding-left: 10px; } #app{ width: 4 ...
普中科技开发板使用说明书_普中科技单片机实验板使用操作说明.pdf
普中科技单片机实验板使用操作说明单片机学习的良师益友好帮手单片机学习套件 -PRECHIN 用手册普中科技有限公司 P R E C H I N - V 2 . 0 开发板 Version 1.2 ...
unity蒙板测试例子——传送门
返回目录 Unity蒙板测试例子--传送门一.例子介绍大家好,我是阿赵. 蒙板测试(Stencil Test)是渲染管线的合并输出环节里面的一种测试,和透明度测试或者深度测试一样,它实际上也是控制 ...
FPGA中关于“后仿真正常，但上板测试出错”的问题
FPGA中关于"后仿真正常,但上板测试出错"的问题求助帖做的是矩阵键盘的扫描程序,后仿真的扫描波形正常: 但上板子测试的时候用chipscope看扫描的波形却是这个样子的: 有 ...
基于FPGA的简易数字频率计+上板测试（小梅哥AC620FPGA开发板）
基于FPGA的简易数字频率计+上板测试(小梅哥AC620FPGA开发板目录主要架构 1.计数模块 2.数码显示模块 3.控制信号模块 4.分频模块例化模块上板测试图附:74HC595移位寄存 ...
测试在MicroPython中对于main.py进行修改
简介: 编写了python脚本程序,它可以自动生成MicroPython内部执行程序,借助于STM32-BOOTLOADER通过REPL发送MicroPython, 由MicroPython完成对S ...
NGUI中深度depth和z轴关系的小试验
问题源自一个帖子,因为上传的图比较多,就另开了这个贴写下自己的试验结果,原帖在下面链接中 http://game.ceeger.com/forum/read.php?tid=8911#info NGU ...

通过蒙板测试在NGUI中简单实现蒙板效果

通过蒙板测试在NGUI中简单实现蒙板效果相关推荐

最新文章

热门文章