unity 使用图片的repeat模式实现滚动效果

最新推荐文章于 2024-05-30 10:16:04 发布

原创最新推荐文章于 2024-05-30 10:16:04 发布 · 2.8k 阅读

4 ·

CC 4.0 BY-SA版权

学习专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何在Unity中使用RawImage组件和脚本控制图片的uvRect属性，实现图片的无缝滚动效果。通过调整imgefill变量，可以控制图片滚动的速度和方向，达到重复纹理的视觉效果。

效果如上

将图片 WarpMode 格式设置为 Repeat后通过代码控制图片的uvRect就能实现

代码如下

public class Test : MonoBehaviour {

    public RawImage image;
    public float imgefill = 0;
    public float nowtime = 0;
    public float delay = 0.1f;
    public float a = -1f;
    public void Update()
    {
        if (nowtime+ delay < Time.time)
        {
            imgefill+=a;
            if(imgefill>1){
                imgefill = 0;
            }
            if(imgefill<-1){
                imgefill = 0;
            }

            image.uvRect =new Rect(imgefill,0,1,1);
            nowtime = Time.time;
        }
    }
}