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

本文会为大家介绍关于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);
            
        }
    }
  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值