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

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

posted @ 2022-06-10 10:25  啊循  阅读(133)  评论(0编辑  收藏  举报