Ir para


- - - - -

Animando Texturas!

Animando Texturas! unity 3d tuliocll

  • Responder
Não há respostas neste tópico

#1 tuliocll

    Começando Agora

  • Members
  • 11 Posts:
  • Gender:Male
  • Location:Bahia
  • Interests:Futbol mulher e rock n roll

Postou 30 outubro 2012 - 09:46

33

Descrição


Vamos aprender como fazer para animar texturas de um modo bem simples, usando um sistema bem conhecido, o "Tiled" (Azulejo em uma tradução livre).
Vamos criar varios quadros em uma unica imagem, e assim reproduzir os frames.

Começando


Vamos usar essa imagem como exemplo:
Imagem
Crie uma Texture e adicione a imagem acima,
Para evitar a distorção, as proporções do objecto tem de ser a mesma que a proporção de cada Frame!(Nesse caso 1:2)
Agora vamos criar um JavaScript e adicionar o seguinte codigo:
var uvAnimationTileX = 24; //Aqui o numero de Colunas que contem na textura
						  //A do exemplo contem 24

var uvAnimationTileY = 1; //Aqui o numero de linhas que contem na textura
						  //A do exemplo contem 1
var framesPerSecond = 10.0;

function Update () {

   //Calcula o indice
   var index : int = Time.time * framesPerSecond;
   //Repeti quando acabar os frames
   index = index % (uvAnimationTileX * uvAnimationTileY);

   // Tamanho de cada frame/Azulejo
   var size = Vector2 (1.0 / uvAnimationTileX, 1.0 / uvAnimationTileY);

   // Divide em horizontal e vertical
   var uIndex = index % uvAnimationTileX;
   var vIndex = index / uvAnimationTileX;

  
   var offset = Vector2 (uIndex * size.x, 1.0 - size.y - vIndex * size.y);

   renderer.material.SetTextureOffset ("_MainTex", offset);
   renderer.material.SetTextureScale ("_MainTex", size);
}
Sistema de colunas e linhas:
Imagem
Imagem
Downloads e tutoriais free! ;)





1 usuário(s) está(ão) lendo este tópico

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)