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);
}
}
下一篇: 黑猫警长歌词