纳金网

标题: 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://wwww.narkii.com/club/)

Powered by Discuz! X2.5