欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

unity 制作类似播放器歌词滚动效果(弹幕效果)等等制作方案。

程序员文章站 2022-06-21 22:25:53
...

本文会为大家介绍关于UGUI的使用中,经常会用到类似歌词播放器的效果或者说类似弹幕滚动的效果。

首先说下我的做法:

首先制作一个scroll View。

将Scroll View 下的Context添加unity原生脚本Grid Layout Group,调整Cell Size大小为你的弹幕的大小尺寸。自行调整。

在Context创建一个text,并随意填写内容。

复制多个(10+)看情况而定(看个人情况可以克隆出来,我这里做例子,直接复制就可以了)

下面贴出代码核心,只做核心思路解释,有不同需求的可自行扩充。

文中只写了类似歌词面板的效果,横板的自行修改参数即可,此处不做过多解释。

参数需要注意的是childcount(text数量,或者说是歌词行数)和MoveCount(每次移动的数量)

有任何问题直接留言,看到会回复。 可以添加unity交流QQ群 207019099 备注“unity 歌词弹幕效果”。

	public float y;
    public int movenum = 0;
    public int childcount;

    public float moveCount;

    //public Transform warning;
    // Start is called before the first frame update
    void Start()
    {
        y = GetComponent<RectTransform>().localPosition.y;

        InvokeRepeating("RefreshMonitorPanel", 0, 2);
    }

    /// <summary>
    /// 刷新面板
    /// </summary>
    private void RefreshMonitorPanel()
    {
        if (transform.childCount > childcount)
        {
            RectTransform rectTransform = transform.GetComponent<RectTransform>();

            int count = transform.childCount;

            movenum++;

            if (movenum == count)
            {
                rectTransform.localPosition = new Vector3(rectTransform.localPosition.x, rectTransform.localPosition.y- moveCount * (movenum), rectTransform.localPosition.z);
                movenum = 0;
            }
            rectTransform.DOLocalMoveY(rectTransform.localPosition.y + moveCount, 1);
            
        }
    }