UGUI3DUI图像锯齿问题

UGUI中可以很方便的制作3DUI,只需在Canvas中指定一个Perspective的相机即可,但是在拼3DUI的时候,也容易发现不少问题,比如图片的锯齿问题.

先说说3DUI的设置方式:
如果要在现有2DUI的基础上,补充3D的UI,那就需要新加一个Canvas了,如图是Canvas的属性,其中RenderMode为ScreenSpace模式或WorldSpace模式,但是如果同时想方便时应屏幕的分辨率,就还是选ScreenSpace模式,同时CanvasScaler像2DUI那样指定UI设计时的分辨率。

UGUI3DUI图像锯齿问题_第1张图片

此外,还有渲染相机3dcamera的属性设置:

UGUI3DUI图像锯齿问题_第2张图片

直接这样设置就可以在Canvas下设计UI了,但是在做UI的过程中我发现图片很容易出现锯齿问题,以下几个是我出现过的图像锯齿问题,但由本人是图形方面小白,解释不了很多原理因此只列问题不讲原因,如果有大神可以解释清楚这些问题出现的原因欢迎评论指教!

  • 下图效果的锯齿是由于我用了Image但未指定Sprite单纯填色导致的
    UGUI3DUI图像锯齿问题_第3张图片

  • 图像的拉伸导致锯齿,如图图片旋转时锯齿非常明显,不管缩小还是放大图片:
    UGUI3DUI图像锯齿问题_第4张图片

除此之外,过低的Quality采样率设置等等也可能导致锯齿。

因此结合以上出现的问题,在制作3DUI的时候尽量留意以下几点能改善图片锯齿:

  1. 为了减少旋转图片的锯齿和毛边,每个图的边界预留两个透明像素;

  2. 3DUI的图片避免缩放,否则也会有毛边,这时启用MitMap有改善锯齿,但除非你能承受MitMap耗内存之痛?不然不建议这么做;

  3. 避免使用未指定Sprite的Image,空的Image仅指定rect区域和颜色来作为图显示时,此时的锯齿很不好处理;

你可能感兴趣的:(Unity,Unity学习总结)