123 第1页 | 共3 页下一页
返回列表 发新帖
查看: 27121|回复: 21
打印 上一主题 下一主题

[教程] unity3d动画插件iTween-路径动画的制作

[复制链接]

25

主题

5

听众

358

积分

设计实习生

Rank: 2

纳金币
300
精华
0

最佳新人

跳转到指定楼层
楼主
发表于 2013-2-28 10:39:39 |只看该作者 |倒序浏览
pstatus"> 本帖最后由 艾西格亚 于 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

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏1 支持支持0 反对反对0
回复

使用道具 举报

733

主题

5

听众

1万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
6520
精华
14

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

沙发
发表于 2013-2-28 12:46:06 |只看该作者
希望楼主多发这类型的教程,学习了!
回复

使用道具 举报

Zack    

459

主题

1

听众

5478

积分

高级设计师

Rank: 6Rank: 6

纳金币
5531
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

板凳
发表于 2013-3-2 02:35:57 |只看该作者
这个好,刚好研究一些iTween的用法!
回复

使用道具 举报

0

主题

0

听众

-1

积分

限制会员

纳金币
1
精华
0
地板
发表于 2013-3-2 13:36:10 |只看该作者
这框定范围就好了。。。。。
回复

使用道具 举报

8

主题

4

听众

1237

积分

助理设计师

Rank: 4

纳金币
61
精华
0
5#
发表于 2013-3-5 10:45:57 |只看该作者
感谢分享……………………………………………………
回复

使用道具 举报

Sora    

0

主题

1

听众

86

积分

设计初学者

Rank: 1

纳金币
4
精华
0

活跃会员 灌水之王

6#
发表于 2013-3-20 19:19:51 |只看该作者
還是中文的教學好~~~
回复

使用道具 举报

0

主题

0

听众

23

积分

设计初学者

Rank: 1

纳金币
22
精华
0
7#
发表于 2013-4-7 16:26:09 |只看该作者
好东西啊, 正在早当中
回复

使用道具 举报

may    

8830

主题

81

听众

7万

积分

首席设计师

Rank: 8Rank: 8

纳金币
52336
精华
343

最佳新人 热心会员 灌水之王 活跃会员 突出贡献 荣誉管理 论坛元老

8#
发表于 2013-4-7 16:28:41 |只看该作者
期待paopao的新教程!
回复

使用道具 举报

yww    

0

主题

1

听众

61

积分

设计初学者

Rank: 1

纳金币
40
精华
0

活跃会员 灌水之王

9#
发表于 2013-5-9 15:32:23 |只看该作者
支持,加油
回复

使用道具 举报

8

主题

4

听众

877

积分

初级设计师

Rank: 3Rank: 3

纳金币
416
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

10#
发表于 2013-5-9 16:38:12 |只看该作者
希望楼主多发这类型的教程,学习了!
回复

使用道具 举报

123 第1页 | 共3 页下一页
返回列表 发新帖
您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-15 02:53 , Processed in 0.904093 second(s), 39 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部