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运动效果》讲解结束,谢谢

  • 怎么样做人才能成功
  • 有一架天平,只有5克和35克砝码各一个,现在要把300克的盐分成三等分,问最少需要用天平称几次
  • 打击赌博手抄报
  • 酶的相关知识点
  • 夸克早报如何打开查看
  • 热门搜索
    三年级安全手抄报 关于清明节手抄报图片 一年级小学生手抄报 我的一本课外书手抄报 节约用水手抄报资料 只要妈妈露笑脸手抄报 讲文明懂礼貌手抄报 卫生健康手抄报 舌尖上的年味手抄报 儿童安全手抄报大全