大庆网站优化,成都响应网站建设,丢了么网站,创意网站界面简单来说#xff0c;就是Mask会设置继承了MaskableGraphic的组件的Shader属性#xff0c;进行特定的模板测试
一张普通的Image#xff0c;当不挂Mask组件时#xff0c;其默认Shader的模板缓存属性是这样的 当挂载上Mask时#xff0c;会改变 Stencil ID变成了1#xff…简单来说就是Mask会设置继承了MaskableGraphic的组件的Shader属性进行特定的模板测试
一张普通的Image当不挂Mask组件时其默认Shader的模板缓存属性是这样的 当挂载上Mask时会改变 Stencil ID变成了1即当前值Stencil Operation变成了2即ReplaceStencil Comparison是8即Always整体意思就是模板测试总是通过然后替换模板值为1那么这里覆盖区域的模板值就变成了1
当在下面挂上一张子Image时其Shader属性也会发生改变 Stencil ID依旧为1即当前值Stencil Operation变成了0即KeepStencil Comparison是Equal整体意思就是模板测试在模板值和当前值相等时通过通过后模板值依旧保持之前的样子当前值是1模板值是1即通过测试但是不改变模板缓存的值。 也就是说在Mask覆盖区域这部分像素能够被渲染但是不在这部分区域的不被渲染从而实现裁剪效果 具体代码在MaskableGraphic.cs中
