Unity的简单贴图动画的应用

var frames : Texture[];   //声明一个数组,存放贴图,声明后,在inspector会看到一个frames的数组,数组的长度可以自己填,填1,就代表只有1张图,可以把一张texture拖进去,填2就代表2张,以此类推

 

var framesPerSecond = 10;  //声明fps,每秒播放几帧,影响动画的速度。

 

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上,然后就可以观看效果了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值