Em continuação a série de tutoriais sobre AS3…
No ultimo tutorial falamos um pouco sobre efeitos, filtros movimentos, vamos nesta parte mostrar alguns exemplos dos mesmos efeitos, repetições, funçoes de animação, efeitos paralelos e sequenciais. Fade, Blur, Glow… Começando…
6.4. Efeitos, Exemplos e Easing Functions
Com estas funções e a com a ajuda de um eventListner podemos fazer um efeito bem agradavel de uma imagem a saltar infinitamente… vejam o código:
private var customMove:Move = new Move();
public function customJump():void {
moveDir="Up"; //usado para saber o sentido da animação (up/down)
imagem.x=100;
imagem.y=100;
customMove.target=imagem;
customMove.yTo=imagem.y-50; //move 50px para cima
customMove.addEventListener(EffectEvent.EFFECT_END, doJump,false,0,true);
//no final de efectuar o movimento chama a função doJump
customMove.play(); //inicia
}
private function doJump(evt:EffectEvent):void {
if(moveDir=="Up") { //se estiver a executar para cima
customMove.yTo=imagem.y+50; //anda 50px para baixo
customMove.play(); //inicia o novo moviemnto
moveDir="Down"; //que esta a mover para baixo
}
else
{ //sinal que terminou de mover para baixo
customMove.yTo=imagem.y-50; //movemos de novo para cima
customMove.play(); //inicia o efeito de novo
moveDir="Up";
}
}
private function stopJump():void {
customMove.addEventListener(EffectEvent.EFFECT_END, doJump);
//retira o eventListener que fará com que a função de movimento e a repetição dos move seja feita.
}
Esta função (customJump) fará com que a imagem esteja a fazer um efeito de salto repetivamente, o que não passa de movimentos repetidos +-5px na vertical.
Muito simples e com um aspecto bem agradável.
Dentro do package mx.effects encontram a class easing, que nada mais nada menos nos disponibiliza algumas funções de animação que introduzem efeitos durante a animação, vulgarmente chamadas easing Functions que podem ser adicionadas a qualquer elemento explicado em cima.
Se escreverem mx.effects.easing. Aparecer-vos-á uma lista das funções easing, funções estas que podem ser introduzidas nos nossos efeitos, utilizando o parametro .easingFunction como vou passar a explicar a seguir num exemplo que vai simular a queda de uma imagem(…)
Leia o resto de Tutorial Action Script 3 – 017 (1,213 palavras)
© Mário Santos em TSW – That Should Work, 2010. |
Link Permanente |
Sem comentarios |
Adicionar ao
del.icio.us -
Stumble it -
Google Bookmark -
technorati
Mais artigos relacionados nas categorias: Air, animação, animation, as3, blur, easing, effects, Flex, glow, move, parallel, sequencial, Tutorial
