查看: 8933|回复: 3
打印 上一主题 下一主题

请问unity3d里面的序列帧动画怎么做?

[复制链接]

2508

主题

2

听众

3万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
32806
精华
12

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

跳转到指定楼层
楼主
发表于 2012-9-22 08:36:25 |只看该作者 |倒序浏览
序列帧图片我已经有了放在一个文件夹里啦,下面应该怎么来做呢?
分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

955

主题

164

听众

7万

积分

版主

Rank: 7Rank: 7Rank: 7

纳金币
59338
精华
28

活跃会员 荣誉管理 突出贡献 优秀版主 论坛元老

沙发
发表于 2012-9-22 10:28:31 |只看该作者
2d里面的动画除了旋转和缩放,一般就是序列帧了.



1.导入,直接把序列帧图片拷贝到assets目录下,当然为了管理方便最好还是建立二级目录存放



如果图片尺寸不是2的幂次方,最好选择gui模式,这样能避免图片被缩放导致失真.



2.序列帧动画,就是快速的变换动画帧,类似电影播放原理.人眼的视觉残留是0.1秒,如果在0.1左右变换一个内容差异不大的图片,持续如此,则人会觉得画面动起来了.



控制换texture的js脚本如下



var timeElasped : float = 0;



var curFrame : int = 0;



var fps : float = 10;



var ani : Texture2D[];



function Update () {



timeElasped += Time.deltaTime;



if(timeElasped >= 1.0 / fps)



{



timeElasped = 0;



    curFrame ++;







if(curFrame >= ani.length)



{



curFrame = 0;



}



    guiTexture.texture = ani[curFrame];



}



}







3.以上是以每帧一个图形文件来控制的,如何把帧集中在一个文件中,还在研究中



4.如果动画帧数比较多,而差别也比较大,例如第一帧有效内容是128x128,第5帧有效内容却需要256x256才能放得下,按照上面的方法,只能把每帧的图形文件都存为256x256,有办法缩小容量吗?答案当然是.........有!



guiTexture.pixelInset.width = ani[curFrame].width;



guiTexture.pixelInset.height = ani[curFrame].height;



guiTexture.pixelInset.x = - guiTexture.pixelInset.width / 2;



//每帧图片中心对齐
回复

使用道具 举报

2317

主题

54

听众

2万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
20645
精华
62

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

板凳
发表于 2012-12-30 16:51:59 |只看该作者
学习了,虽然还是有难度,谢谢楼主的用心
回复

使用道具 举报

2722

主题

42

听众

3万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
38268
精华
111

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

地板
发表于 2013-1-29 22:52:06 |只看该作者
希望更多的朋友分享制作经验
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

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

GMT+8, 2025-7-27 19:48 , Processed in 0.061337 second(s), 29 queries .

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

© 2008-2019 Narkii Inc.

回顶部