手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Unity DOTween教程之 DOTween实现UI运动效果

时间:2024-10-12 02:43:13

1、打开Unity,新建一个空工程,并且导入DOTween插件,具体如下

Unity DOTween教程之 DOTween实现UI运动效果

2、在场景中添加一个 Image,使得 Image 在画布 Canvas 外面,方便后面 Image 从视野外进入,具体如下图

Unity DOTween教程之 DOTween实现UI运动效果

3、在工程中新建一个脚本 UIMoveByDOTween,然后打开,具体如下图

Unity DOTween教程之 DOTween实现UI运动效果

4、UIMoveByDOTween 脚本的具体代码和代码说明如下图

Unity DOTween教程之 DOTween实现UI运动效果

5、UIMoveByDOTween 脚本具体内容如下:using UnityEngine;using DG.Twee荏鱿胫协ning;public class UIMoveByDOTween : MonoBehaviour { public Vector3 movingValue; public GameObject UIgo; // Use this for initialization void Start () { UIgo = GameObject.Find("Image"); movingValue = UIgo.transform.localPosition; //参数解释:获取movingValue的值,设置变化的值给movingValue //设置目标值为(1,1,1),设置动画时间 1 秒 DOTween.To(() => movingValue, x => movingValue = x,new Vector3(0, 0, 0), 2); } // Update is called once per frame void Update () { //把变化的值设置给UI,让UI随之移动 UIgo.transform.localPosition = movingValue; }}

6、脚本编译正确,回到Unity中,新建一个 GameObject,挂载脚本上去,具体如下图

Unity DOTween教程之 DOTween实现UI运动效果

7、运行场景,你会发现 Image 从画布外 2 秒后进入,具体如下图

Unity DOTween教程之 DOTween实现UI运动效果

8、到此,《Unity DOTween教程之 DOTween实现UI运动效果》讲解结束,谢谢

© 手抄报圈