其他分享
首页 > 其他分享> > 记一次UGUI 元素淡入淡出功能处理

记一次UGUI 元素淡入淡出功能处理

作者:互联网

需求:
UGUI做的弹幕功能,弹幕从一侧飞入,从另一侧飞出。飞入伴随着淡入效果,飞出伴随淡出效果。
探索得出的结论:
1、Canvas中的各元素的网格顶点在Canvas合批绘制时被统一变换到Canvas的局部坐标系中。
2、淡入淡出是通过计算某个显示位置与渐变区间的关系,计算透明度。从第一条可知渐变区间也定义在Canvas局部坐标系。
3、最好在像素着色器中处理。UI元素的网格顶点较少而且非均匀分布,如果在顶点着色器中计算透明度渐变,当元素尺寸比渐变区间大一些时,像素着色器中插值得到的透明度渐变将不符合渐变区间。
4、如果对TextMeshPro的文本也做渐变,TextMeshPro的共享材质可以通过将Inspector面板设为Debug模式看到。

标签:Canvas,淡入淡出,渐变,元素,区间,顶点,UGUI,着色器
来源: https://www.cnblogs.com/axun1992/p/16362293.html