Unity CCTween UGUI 动画插件

最新推荐文章于 2023-11-14 13:44:21 发布

dihe1860

最新推荐文章于 2023-11-14 13:44:21 发布

阅读量205

点赞数

文章标签：游戏 ui

原文链接：http://www.cnblogs.com/mdrs/p/5107967.html

版权

在这简单的介绍一下 CCTween 动画插件的使用

因为GIF 制作软件不太好（网上随便下载的）所以导致效果不太好，有时间我重新制作一下

这是一下简单的效果

下面介绍怎么使用

首先先下载 CCTween 导入工程

GitGub地址欢迎大神来更新

好了下面正式开始介绍使用了

#------------ 这是使用的一些变量以及类型　-------------------------

　public Transform MyTransform;
　　public Text text;
　　public Image image;
　　public Transform[] Bezier;
　　RectTransform rectTransform;
　　public RectTransform[] UIBezier;

#-----------------上边变量类型------------------------------

#---------------------------这段是效果图的代码--------------------------------------------

　　　　//text.UIMove(new Vector2(-300, 0), new Vector2(300, 0), 4f);
　　　　//text.transform.Scale(new Vector3(1, 1, 1), new Vector3(0.2f, .2f, .2f),2f).SetComplete = () => {
　　　　// text.transform.ScaleTo(new Vector3(1, 1, 1), 4f);
　　　　//};
　　　　//text.transform.Rotation(new Vector3(0, 0, 0), new Vector3(0, 0, 180), 3f).SetComplete = () => {
　　　　// text.transform.RotationTo(new Vector3(0, 0, 30), 3f);
　　　　//};
　　　　//text.UIAlpha(1, 0.2f, 1f).SetComplete = () => { text.UIAlpha(1f, 1f); };
　　　　//text.UIBezierMove(UIBezier, 2f);

#-----------------------------看上边 上边-----------------------------------------

　　　　// CCTween 函数库
　　
        // 缩放  开始目标  结束目标  持续时间
        MyTransform.Scale(new Vector3(1, 1, 1), new Vector3(0, 0, 0), 2f);
        // 缩放至 目标值  需要的时间
        MyTransform.ScaleTo(new Vector3(.5f, .5f, .5f), 2f);
        // 缩放X 至目标值
        MyTransform.ScaleToX(1, 2f);
        // 缩放Y 至 目标值
        MyTransform.ScaleToY(1, 2f);

        // 旋转至目标值 所需要的时间
        MyTransform.RotationTo(new Vector3(0, 0, 90), 2f);
        // 从 开始值旋转到目标值
        MyTransform.Rotation(new Vector3(0, 0, 0), new Vector3(0, 0, 90), 2f);

        // Bezier 可以做多次 Bezier 也可以做次 Bezier
        MyTransform.BezierMove(Bezier, 3f);

        // 延时方法  延时执行函数
        MyTransform.Delay(() => { Debug.Log(" 这里是延时执行的方法 "); }, 3f);

        // 从开始颜色 渐变到结束颜色
        MyTransform.Color(new Color(1, 1, 0), new Color(0, 1, 1), 2f);
        // 从当前颜色 渐变值 目标颜色
        MyTransform.ColorTo(new Color(0, 1, 0.5f), 2f);
        // 颜色G 从开始值 渐变到目标值
        MyTransform.ColorG(1, 0.5f, 2f);
        // 颜色B 渐变至目标值
        MyTransform.ColorBTO(0.2f, 2f);

        // 注意 UI 方法大多需要使用  RectTransform  或者  MaskableGraphic
        // 否则极有可能会出错

        // UGUI  做bezier 运动
        rectTransform.UIBezierMove(UIBezier, 2f);

        // 移动 X 轴 到目标值
        text.UIMoveToX(200, 2f);
        // 从开始值 移动到目标值
        text.UIMove(new Vector2(-100, 100), new Vector2(100, -100), 3f);
        // X 轴 从开始值 移动到目标值
        text.UIMoveX(100, 300, 2f);
        // 从当前坐标移动到目标值
        text.UIMoveTo(new Vector2(200, 200), 3f);

        //  注意 只有UI （UGUI）才可以设置 alpha 
        //  参数
        //  渐变到目标值  持续时间
        //  从开始值 渐变到目标值  持续时间
        text.UIAlpha(0, 2f);
        text.UIAlpha(1, 0, 2f);
        image.UIAlpha(0, 2f);
        image.UIAlpha(1, 0, 2f);

        // CCTween 的另一种使用方法 CCFunction 
        // CCAction 可以设置回调参数
        // CCAction action=  CCFunction.Move("需要移动的物体", "开始坐标", "结束坐标", "持续时间");
        // 设置回调
        // action.SetComplete = () => { };

　　　　 // 暂停动画播放
　　　　 // action.Pause();
　　　　 // 恢复动画播放
　　　　 // action.Resume();

　　　　 // 支持单独设置 动画播放速度
　　　　 // 支持全局设置 动画播放速度

　　　　 // 用动画播放时间设置暂停
　　    //  action.TimeScale=0