itween 动画

iTween这个类库的主要功能就是处理模型从起始点到结束点之间运动的轨迹。(移动,旋转,音频,路径,摄像机等)它是一个开源的项目并且完全免费,它们的官网在这里 http://itween.pixelplacement.com/index.php 打开网之后点击右上角Get iTween图标即可,或者在AssetStores商店中直接下载。


移动模型时候用到的几个核心方法如下:


iTween.MoveTo(): 让模型移动到一个位置,它的底层函数是通过动态的修改模型每一帧的transform.position完成的,所以它会百分之百到达目标点,不会出现误差。


iTween.MoveFrom():它和上面的一样,iTween.MoveTo()是将模型移动到目标位置,而iTween.MoveFrom()是将模型从目标位置移动到原始位置。


iTween.MoveAdd() 和iTween.MoveBy()底层实现一样,大家可以去看源码。处理移动时采用的是transform.Translate也就是API的平移,这样在处理移动的时候可能会出现一些误差,但是效果好点。


iTween.MoveUpdate():和iTween.MoveTo()差不多,只是它需要放在循环或者Update()中。


有了核心的移动方法后,我们就来了解iTween强大的核心参数,与事件。移动方法的参数都差不多,所以这里我就以MoveTo来做例子。直接上代码。


Move.cs绑定在需要移动的游戏对象身上。


  1. using UnityEngine;
  2. using System.Collections;

  3. public class Move : MonoBehaviour
  4. {

  5. void Start()
  6. {

  7. //键值对儿的形式保存iTween所用到的参数
  8. Hashtable args = new Hashtable();

  9. //这里是设置类型,iTween的类型又很多种,在源码中的枚举EaseType中
  10. //例如移动的特效,先震动在移动、先后退在移动、先加速在变速、等等
  11. args.Add("easeType", iTween.EaseType.easeInOutExpo);

  12. //移动的速度,
  13. args.Add("speed",10f);
  14. //移动的整体时间。如果与speed共存那么优先speed
  15. args.Add("time",1f);
  16. //这个是处理颜色的。可以看源码的那个枚举。
  17. args.Add("NamedValueColor","_SpecColor");
  18. //延迟执行时间
  19. args.Add("delay", 0.1f);
  20. //移动的过程中面朝一个点
  21. args.Add("looktarget",Vector3.zero);

  22. //三个循环类型 none loop pingPong (一般 循环 来回)
  23. //args.Add("loopType", "none");
  24. //args.Add("loopType", "loop");
  25. args.Add("loopType", "pingPong");

  26. //处理移动过程中的事件。
  27. //开始发生移动时调用AnimationStart方法,5.0表示它的参数
  28. args.Add("onstart", "AnimationStart");
  29. args.Add("onstartparams", 5.0f);
  30. //设置接受方法的对象,默认是自身接受,这里也可以改成别的对象接受,
  31. //那么就得在接收对象的脚本中实现AnimationStart方法。
  32. args.Add("onstarttarget", gameObject);

  33. //移动结束时调用,参数和上面类似
  34. args.Add("oncomplete", "AnimationEnd");
  35. args.Add("oncompleteparams", "end");
  36. args.Add("oncompletetarget", gameObject);

  37. //移动中调用,参数和上面类似
  38. args.Add("onupdate", "AnimationUpdate");
  39. args.Add("onupdatetarget", gameObject);
  40. args.Add("onupdateparams", true);

  41. // x y z 标示移动的位置。

  42. args.Add("x",5);
  43. args.Add("y",5);
  44. args.Add("z",1);

  45. //当然也可以写Vector3
  46. //args.Add("position",Vectoe3.zero);

  47. //最终让改对象开始移动
  48. iTween.MoveTo(gameObject,args);
  49. }

  50.     //对象移动中调用
  51. void AnimationUpdate(bool f)
  52. {
  53. Debug.Log("update :" + f);
  54. }
  55. //对象开始移动时调用
  56. void AnimationStart(float f)
  57. {
  58. Debug.Log("start :" + f);
  59. }
  60. //对象移动时调用
  61. void AnimationEnd(string f)
  62. {
  63. Debug.Log("end : " + f);
  64. }

  65. }
复制代码


在看看iTween中的寻路算法,其实非常非常的简单,我们几乎不用做任何事情。如下图所示,我们能清楚的看到编辑了一个简单的寻路,我们通过iTween 来实现小人跑步到终点。


%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2013-01-23-%E4%B8%8B%E5%8D%8812.53.53.png

2013-5-20 10:18:25 上传
下载附件 (28.52 KB)


iTween动画库:关于Move移动篇



Path.cs 绑在主角身上即可。


  1. using UnityEngine;

  2. using System.Collections;

  3. public class Path : MonoBehaviour {

  4. //路径寻路中的所有点

  5. public Transform [] paths;

  6. void Start ()

  7. {

  8. Hashtable args = new Hashtable();

  9. //设置路径的点

  10. args.Add("path",paths);

  11. //设置类型为线性,线性效果会好一些。

  12. args.Add("easeType", iTween.EaseType.linear);

  13. //设置寻路的速度

  14. args.Add("speed",10f);

  15. //是否先从原始位置走到路径中第一个点的位置

  16. args.Add("movetopath",true);

  17. //是否让模型始终面朝当面目标的方向,拐弯的地方会自动旋转模型

  18. //如果你发现你的模型在寻路的时候始终都是一个方向那么一定要打开这个

  19. args.Add("orienttopath",true);

  20. //让模型开始寻路

  21. iTween.MoveTo(gameObject,args);

  22. }

  23. void OnDrawGizmos()

  24. {

  25. //在scene视图中绘制出路径与线

  26. iTween.DrawLine(paths,Color.yellow);

  27. iTween.DrawPath(paths,Color.red);

  28. }

  29. }
复制代码


运行后即可看到主角自动寻路的效果。


如果你仔细阅读到这里你可能会想到,iTween做的东西有点像 Mathf.Lerp() Vector3.Lerp() lookAt()等等这类的方法。假设不使用iTween这个类就用源生的API其实也可以实现上述的所有效果。只有iTween帮我们封装的更好一些,平滑过渡的效果更好一些,而且还能增加一些特效。只是这些特效与动画全都是iTween通过数学的方法计算出来。因为底层它们使用的也是简单的 移动旋转API中的方法。我觉得寻路的话可以使用Unity自带的方法(因为是官方提供的),处理一些简单的动画使用iTween还是挺不错的,因为更加形象。


代码下载地址:http://vdisk.weibo.com/s/omt5Q

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值