iTween 备忘。。。

    iTween是一个动画库,作者创建它的目的就是最小的投入实现最大的产出.让你做开发更轻松,用它可以轻松实现各种动画,晃动,旋转,移动,褪色,上色,控制音频等等

二．iTween 原理

iTween的核心是数值插值，简单说就是给iTween两个数值(开始值，结束值)，它会自动生成一些中间值，大概像这样子, 开始值-> 中间值 -> 中间值 …. -> 结束值。

这里的数值可以理解为: 数字，坐标点，角度，物体大小，物体颜色，音量大小等

三．iTween 下载:  从官网http://itween.pixelplacement.com下载

主要文件有两个iTween.cs 和 iTweenPath.unitypackage(编辑路径才需要这个包)

四．如何将iTween 加入项目:

    在项目中建立Plugins目录，然后将下载的iTween.cs放到Plugins目录即可.

如果需要编辑路径, 使用import package->custom package菜单功能加入iTweenPath.unitypackage

五．几种效果演示

六．示例代码:

1. 物体移动

iTween.MoveTo(target, iTween.Hash("position", destPos, "easetype", easeType));

2. 数值过渡

iTween.ValueTo(gameObject, iTween.Hash(

                     "from", y,

                     "to", toY,

                     "easetype", easeType,

                     "loopType", loopType,

                     "onupdate", "onupdate",

                     "time", tm

                     ));

3. 振动

iTween.ShakePosition(target, Vector3(0, 0.1, 0), 1);

       4. 按路径移动

         var path = GameObject.Find("Plane").GetComponent("iTweenPath").GetPath("myPath");

         iTween.MoveTo(gameObject, iTween.Hash(//"position", Vector3(0, 0, 0),

                                          "path", path,

                                          "time", 20,

                                          "easetype", "linear"));

六．路径编辑

1.       将iTweenPath.cs拖至某个游戏对象上, 这个游戏对象的就会多出如下属性,

下图表示路径由5个节点组成, 路径名称为myPath

2. 可以手工填写节点坐标，也可以在场景中调整节点坐标

//**********************************************************************************************//

iTween for Unity补间动画工具

cam = camera.main.gameObject;
}
function Start(){
// 0 ~ 1.5秒，go绕y轴从90度旋转0度，并从y=3.5移动到y=0的位置
iTween.rotateFrom(go,{“y”:90, “time”:1.5, “transition”:”easeInExpo”});
iTween.moveFrom(go,{“y”:3.5, “time”:1.5, “transition”:”easeInExpo”});
// 1.5 ~ 1.5 + 0.3秒，当前(r, g, b) -> (3, 0.5, 1.2)
iTween.colorTo(go,{“r”:3, “g”:.5, “b”:1.2, “time”:.3, “delay”:1.5});
// 1.5 ~ 1.5 + 0.8秒
iTween.shake(cam,{“y”:.3, “time”:.8, “delay”:1.5});
// 2.3 ~ 2.3 + 2秒，scaleY: 1 -> 2
iTween.scaleTo(go,{“y”:2, “time”:2, “delay”:2.3});
// 4.3 ~ 4.3 + 1秒，绕x轴旋转0.5 * 360度
iTween.rotateBy(go,{“x”:.5, “delay”:4.3});
// 4.6 ~ 4.6 + 1秒，从当前位置移动到y=1.2
iTween.moveTo(go,{“y”:1.2, “delay”:4.6});
// 5.8 ~ 5.8 + 1秒，从当前位置移动到y=0
iTween.moveTo(go,{“y”:0, “delay”:5.8, “transition”:”easeInExpo”});
// 6.8 ~ 6.8 + 0.8秒
iTween.shake(cam,{“y”:.3, “time”:.8, “delay”:6.8});
// 7.6 ~ 7.6 + 0.5秒，当前(r, g, b) -> (0.165, 0.498, 0.729)
iTween.colorTo(go,{“r”:.165, “g”:.498, “b”:.729, “time”:.5, “delay”:7.6});
// 7.6 ~ 7.6 + 1秒，scaleY: 当前比例 -> 1
iTween.scaleTo(go,{“y”:1, “delay”:7.6});
}

private var go : GameObject;
private var cam : GameObject;
function Awake(){
go = gameObject;
cam = camera.main.gameObject;
}
function Start(){
iTween.rotateFrom(go,{"y":90, "time":1.5, "transition":"easeInExpo"});
iTween.moveFrom(go,{"y":3.5, "time":1.5, "transition":"easeInExpo"});
iTween.colorTo(go,{"r":3, "g":.5, "b":1.2, "time":.3, "delay":1.5});
iTween.shake(cam,{"y":.3, "time":.8, "delay":1.5});
iTween.scaleTo(go,{"y":2, "time":2, "delay":2.3});
iTween.rotateBy(go,{"x":.5, "delay":4.3});
iTween.moveTo(go,{"y":1.2, "delay":4.6});
iTween.moveTo(go,{"y":0, "delay":5.8, "transition":"easeInExpo"});
iTween.shake(cam,{"y":.3, "time":.8, "delay":6.8});
iTween.colorTo(go,{"r":.165, "g":.498, "b":.729, "time":.5, "delay":7.6});
iTween.scaleTo(go,{"y":1, "delay":7.6});
}

复制代码 缓动
easeIn方法控制补间如何从开始到最高速度
easeOut方法控制补间减速并停在目标位置
easeInOut同时控制上述两者
参数意义可参考Flex中的缓动类
Back 类可以定义三个缓动函数，以使用 Flex 效果类实现运动。
Bounce 类可以定义三个缓动函数，以便使用 Flex 效果类实现回弹运动。
Circular 类可以定义三个缓动函数，以使用 Flex 效果类实现 circular 运动。
Cubic Cubic 类可以定义三个缓动函数，以便使用 Flex 效果类实现运动。
Elastic Elastc 类可以定义三个缓动函数，以便使用 Flex 效果类实现运动，其中的运动由按指数方式衰减的正弦波来定义。
Exponential Exponential 类可以定义三个缓动函数，以便使用 Flex 效果类实现运动，其中的运动由按指数方式衰减的正弦波来定义。
Linear Linear 类可以定义缓动函数，以便使用 Flex 效果类实现线性运动。
Quadratic Quadratic 类可以定义三个缓动函数，以使用 Flex 效果类实现 quadratic 运动。
Quartic Quartic 类可以定义三个缓动函数，以使用 Flex 效果类实现运动。
Quintic Quintic 类可以定义三个缓动函数，以便使用 Flex 效果类实现运动。
Sine Sine 类可以定义三个缓动函数，以便使用 Flex 效果类实现运动，其中的运动由正弦波定义。
var addthis_language = ‘en’;

iTween的核心是数值的插值.只需要定义开始和结束,中间过程iTween就会帮你弄好,简单易用,作用毫不马虎.

每件事情都会有多个方法来实现,Unity里也是,你可以用建模软件做动画,也可以在Unity内部的动画时间线来做,也可以用Js,C#等来做,可是谁不想更快更容易的完成需要的动画效果呢?iTween就是给你的答案.制造简单不代表产出的东西简单,并且iTween经受了个大游戏工作室的测试考验,高效,快捷,简单,稳定,不试它会后悔的.呵呵.

先从http://itween.pixelplacement.com/下载iTween插件,它由一个c#文件组成,支持Unity所有版本以及不管你用什么编程语言都可以使用它,如果你是用Js,你要将它放在Editor文件夹里,如果是c#,放在项目的Assets里的任意目录即可.好了,你装好它了.

下面了解一下iTween的基础知识,iTween的所有方法都有2种方式,一种简单的(simple),一种定制的复杂(customizable)的. 在复杂定制方式里可以设置iTween所有属性方法.iTween里的方法几乎都需要赋予一个GameObject,为了获取更大的性能,只有一些特定的函数可以在Update方法中重复调用,

iTween可以做很多事情,我们先从简单的学起,先控制一个物体从一个位置移动到另一个地方,这里用到MoveTo()方法.让它两秒后移动到(2,0,0)位置上:

上面是不是很简单?我们如果需要对这个动画进行更多的控制,我们需要用"customizable"模式,像下面这样写:

iTween.MoveTo(gameObject, {“x”:2, “time”:3, “loopType”:”pingPong”, “delay”:1));

上面的意思就是三秒的时间将物体运动到x坐标为2的位置,运动的类型为"pingPong",延时1秒执行这个运动.

如果想完全了解iTween所有方法,请查看完整的描述文档:http://itween.pixelplacement.com/documentation.php

iTween 备忘。。。

iTween for Unity补间动画工具

理解iTween的回调函数

你可能感兴趣的:(iTween 备忘。。。)