..:: MX Studio Fóruns ::..: [TUTORIAL] Animar texto dinâmico com TextAnim - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

[TUTORIAL] Animar texto dinâmico com TextAnim Criando animação de TextField dinâmico em AS3

#1 User is offline   Guilherme Almeida 

  • Group: Membros
  • Posts: 8
  • Joined: 27-March 07

Posted 31 December 2009 - 04:53 AM

Antes de mais nada, é preciso entender um pouco como
funciona. TextAnim é uma classe AS3 para criar animação
com texto, basicamente ela faz um "breakApart" em um
TextField que pode ser por letras, palavras ou linhas.

Pode ver um exemplo funcionando aqui: http://guindex.com/flupie/textanim/pattern/

Você só precisa criar uma função para animar os blocos.
Nesse tutorial vou usar o Tweener para fazer a animação,
fique a vontade para usar qualquer tween que preferir (BTween, GTween, Tweensy, ... )

Siga os passos:
1 - Crie um TextField dinâmico e escreva qualquer coisa nele;
2 - Faça o embed da font que escolher;
3 - Instancie o TextField como myText;
4 - Faça o download da TextAnim aqui: http://code.google.com/p/textanim/
5 - Faça o download do Tweener (ou o que preferir);
6 - Coloque o .fla e as classes todos na mesma pasta;
7 - Coloque o seguinte código no primeiro frame da timeline:

CÓDIGO
import flupie.textanim.*;

// importando o tween que vc preferir.
import caurina.transitions.Tweener;

var anim:TextAnim = new TextAnim(myText);
anim.effects = myEffect;
anim.blocksVisible = false;
anim.start();

function myEffect(block:TextAnimBlock):void
{
    //faça a animação que quiser, essa função vai ser chamada para cada bloco de texto.
    block.alpha = 0;
    block.x = block.posX + 20;
    Tweener.addTween(block, {x:block.posX, alpha:1, time:.5});
}


Você pode modificar vários parâmetros da textanim
para fazer qualquer animação. Aqui tem a documetação (inglês): http://guindex.com/flupie/textanim/docs/

=)
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)