纳金网
标题:
Unity的简单贴图动画的应用
[打印本页]
作者:
狂风大尉
时间:
2014-9-30 22:49
标题:
Unity的简单贴图动画的应用
var frames : Texture[]; //声明一个数组，存放贴图，声明后，在inspector会看到一个frames的数组，数组的长度可以自己填，填1，就代表只有1张图，可以把一张texture拖进去，填2就代表2张，以此类推
var framesPerSecond = 10; //声明f
ps
,每秒播放几帧，影响动画的速度。
function Update() {
var index : int = (Time.time * framesPerSecond) % frames.Length; //数组的索引，根据时间改变，当前时间乘以fps与总帧数取余，就是播放的当前帧，随着update更新
renderer.material.mainTexture = frames[index]; //渲染这个贴图
}
使用：将脚本新建保存，然后建一个cube或者平面，把脚本拖上，然后设置动画的贴图，然后play就可以测试了
由于Unity 不支持GIF动画贴图，所以目前在Unity里面做动态贴图，有两个办法。
一种是将图片导入成关键帧图片序列，类似（0，1，2...)然后在用脚本根据时间逐帧加载贴图.
另一种是将动画里面的关键帧画在一张大图上，然后用OFFSET来根据时间决定贴图的显示位置，从而实现图片改变的动画效果。
下面是一个简单的脚本，翻译自wiki ：
//声明整个Texture的分布情况，4行4列，4个动画
var colCount : int = 4;
var rowCount : int = 4;
//声明想要播放的动画起始位置
//比如rowNumber = 0 colNumber = 0 代表红色第一个笑脸
// rowNumber = 3 colNumber = 0 代表黄色第一个笑脸
var rowNumber : int = 0; //从0开始计算
var colNumber : int = 0; //从0开始计算
var totalCells : int = 4;
var fps : int = 10;
var offset : Vector2;
//更新动画，传递参数给SetSpriteAnimation（）
function Update () { SetSpriteAnimation(colCount,rowCount,rowNumber,colNumber,totalCells,fps); }
//设置动画SetSpriteAnimation（贴图总列数，总行数，指定动画起始帧所行号，列号，动画总帧数，帧率）
function SetSpriteAnimation(colCount : int,rowCount : int,rowNumber : int,colNumber : int,totalCells : int,fps : int){
// 计算索引
var index : int = Time.time * fps;
index = index % totalCells;
// 每个单元大小
var size = Vector2 (1.0 / colCount, 1.0 / rowCount);
// 分割成水平和垂直索引
var uIndex = index % colCount;
var vIndex = index / colCount;
//颠倒V，让贴图正过来，所见即所得
offset = Vector2 ((uIndex+colNumber) * size.x, (1.0 - size.y) - (vIndex+rowNumber) * size.y);
renderer.material.SetTextureOffset ("_MainTex", offset);
renderer.material.SetTextureScale ("_MainTex", size);
}
例子里面的贴图，附件中有。使用这个脚本很简单，只要保存然后贴在一个cube上，然后就可以观看效果了。
作者:
hyui
时间:
2014-10-1 16:07
Good article
作者:
HIDEOKOJIMA
时间:
2014-10-1 17:03
Thanks for sharing this one !
作者:
oelongeo
时间:
2014-10-1 22:29
谢谢详细的指导
给力顶一顶
作者:
我不再年轻
时间:
2014-11-6 20:02
详细而有用啊，多谢分享！
欢迎光临 纳金网 (http://rs.narkii.com/club/)
Powered by Discuz! X2.5
给力顶一顶