纳金网

标题: unity3d动画插件iTween-路径动画的制作 [打印本页]

作者: paopao    时间: 2013-2-28 10:39
标题: unity3d动画插件iTween-路径动画的制作
本帖最后由 艾西格亚 于 2013-8-9 12:01 编辑

unity3d动画插件iTween-路径动画的制作   iTween是一个动画库, 用它可以轻松实现各种动画,晃动,旋转,移动,褪色,上色,控制音频等等 到官网看看http://itween.pixelplacement.com   我今天主要是说一下用iTween来制作一段路径动画的方法和步骤。首先我们下载iTween插件并安装,官方商店就有,免费的。   安装方法很简单,可以再Project视图中单击鼠标右键,选择ImportPackage->CustomPackage找到下载插件的文件夹,导入插件即可。

  

也可以直接将插件拷贝到工程文件中的Assets文件夹中,回到unity3d中双击iTween Visual Editor文件即可导入插件。插件导入成功后,即可在菜单栏中的Component中多出了一个iTween选项,并且在Component->Scripts中多出了三个选项,这些都是我们马上要用到的。


好了,准备工作已做完,下面开始制作我们的路径动画了。首先制作一个简单的场景。然后创建一个简单的场景,命名为path,制作路径。选择我们新建的path然后在Component->Scripts中选择ITween Path。

添加完成后即可在Inspector视图中看到我们添加的ITween Path属性



Path Name是路径的名称。我们命名为first path。Path Color为路径线的颜色。将他改成红色。一遍可以清晰的看到他。Node Count为路径的关键点数量,下面Node为每个关键点坐标。我们将Node Count的值改为6,然后设置关键点的坐标。方法1:直接改变Node下的想,x,y,z的值。防范2:在Scene视图中直接拖动每个点的坐标。制作好后的结果如图:



到这里路径已经制作好了,下面将一下怎么把这条路径和我们的运动物体连接起来呢。首先我们建立一个CUBE作为要运动的物体命名为player。选择我们新建的player然后点击菜单栏的Component->iTween->iTweenEvent.



添加完成后在Inspector视图中看到iTweenEvent属性。



属性非常多。下面介绍几个长影属性。Name:为动画时间的名称。命名为MyFirstEventShow Icon In Scene: 是否在场景中显示图标,勾选改选项。Play Automatically:是否在运行是自动播放,勾选改选项。Event Type下拉框选择MoveTo,Path 勾选选择Path-〉firstpath,在往下勾选Time,时间设置为30;勾选easetype设置为linear设置为匀速;设置好之后如图:



好了可以运行游戏了。发现盒子沿着我们设置的路径开始运动了。(住:因为参数太多。还没有完全研究,希望大家一起研究学习,有不对的地方还望高手指教)这个就写这么多了。关于动态调用,和几个路径相互切换下次再讲吧。将插件放到附件里面方便大家下载:

iTween Visual Editor.unitypackage

0 Bytes, 下载次数: 545


作者: 雅雅    时间: 2013-2-28 12:46
希望楼主多发这类型的教程,学习了!

作者: Zack    时间: 2013-3-2 02:35
这个好,刚好研究一些iTween的用法!

作者: mikeone    时间: 2013-3-2 13:36
这框定范围就好了。。。。。
作者: 所罗门封印    时间: 2013-3-5 10:45
感谢分享……………………………………………………
作者: Sora    时间: 2013-3-20 19:19
還是中文的教學好~~~

作者: 303050790@qq.co    时间: 2013-4-7 16:26
好东西啊, 正在早当中
作者: may    时间: 2013-4-7 16:28
期待paopao的新教程!
作者: yww    时间: 2013-5-9 15:32
支持,加油
作者: 灰之狼Chris    时间: 2013-5-9 16:38
希望楼主多发这类型的教程,学习了!

作者: 张动画    时间: 2013-5-16 17:42
希望读法教程学习了!
作者: fuland539    时间: 2013-5-18 23:16
学习了,谢谢楼主
作者: uitgh    时间: 2013-6-7 11:55
感谢大大分享
作者: zyxyuanxiao    时间: 2013-8-9 11:45
你帮到我的忙了··非常的感谢!!!!!!!!!!!!!
作者: snake163    时间: 2013-8-9 17:43
这个教学好,支持楼主
作者: Narkii.com    时间: 2013-8-17 19:08
提示: 作者被禁止或删除 内容自动屏蔽
作者: sweed0    时间: 2014-1-26 11:23
好教程,就是有些地方没有些清楚,比如itweenPath添加到场景中的哪个物体上
作者: tangqizuse    时间: 2014-2-20 23:34
新人学习,谢谢分享
作者: Norns    时间: 2014-3-12 12:20
谢谢分享啊
作者: 鸡贼不差钱    时间: 2014-4-4 15:33
楼主好人,感谢了
作者: legal    时间: 2014-5-4 21:18
正好要做相机的动画,搞来玩玩
作者: Kadina    时间: 2014-5-13 15:04
thank you thank you




欢迎光临 纳金网 (http://rs.narkii.com/club/) Powered by Discuz! X2.5