quarta-feira, 11 de março de 2009

Dica para os amantes de Flash

Preparei uma dica bem prática para os amantes do nosso tão conhecido Flash. Aí vai.

As classes tween vieram facilitar a vida dos “flasheiros”, desde o usuário principiante ao avançado, pois além de “economizar” código e tempo, permite fazer animações interessantes reduzindo o tamanho do arquivo swf.

É claro que não é a solução para todos os problemas, mas ajuda, e muito. É necessário bom senso na hora de utilizá-lo, pois, mesmo que ele acrescente poucos 8kbs ao arquivo sfw, pode ser desnecessário em alguns casos, principalmente junto a um loader (carregador).

Aqui vai um link com informações de como funciona e como utilizá-lo. Está em inglês mas dá para entender:

http://hosted.zeh.com.br/mctween/index.html

Nesse mesmo site você pode ver alguns exemplos (http://hosted.zeh.com.br/mctween/examples.html), e fazer download do arquivo “mc_tween2”, o mesmo que eu costumo usar (http://hosted.zeh.com.br/mctween/downloads.html).

Assim que você baixar o arquivo, dê um duplo clique nele para instalá-lo. Com “mc_tween2” instalado basta importá-lo para o flash, da seguinte forma:

Insira um quadro em branco (F7) numa layer qualquer (normalmente nomeamos uma layer com o nome de “ac” ou “action”), feito isso abra a janela de actions do flash (F9) e insira o seguinte código:

#include "mc_tween2.as"

Pronto, agora é só criar seus mcs (movie clips), instanciá-los com o nome de sua preferência (um exemplo: mc1, mc2, mc3, ...) e acrescentá-los ao tween que você escolher:

Aqui vão alguns exemplos:
mc1.alphaTo(0, 2.3, "linear");
mc2.colorTo(0xffb1b2, 3, "linear");
mc3.scaleTo(120, 5, "easeOutElastic");
mc4.xSlideTo(10, 0.5, "easeOutElastic");

Coloque-os na janela de actions (F9), logo abaixo do #include "mc_tween2.as", dê um ctrl+enter e veja o resultado. Esses são alguns exemplos bem simples, mas que dão uma noção do que se pode fazer com essas classes.

Espero que tenham gostado do post e que a dica seja bastante útil. Divirtam-se!


Ricardo Machado

2 comentários:

Anônimo disse...

Hmm. muito bom o post so tenho uma objeção quanto ao uso do mc_tween, cada vez que você cria uma nova linha de animação como coloca no post uma para color, outra para alpha e assim vai, voce cria na memoria do cliente um processo novo fora o processo existente dentro da classe mc_tween2. Para pensar em um funcionamento mais rapido e leve para o processamento do cliente tenho certeza que uma classe como o Tweener ( Zeh Fernando ) ou/e principalmente TweenLite ( GreenSock )irá proporcionar uma animação mais leve para o cliente nos casos em que o cliente possa estar um tempo elevado dentro da aplicação ou do site, utilizando menos a memoria e o processador deixando a aplicação mais estavel, o tempo todo.

Vale a pena testar, grande abraço.
At.

Unknown disse...

Boa iniciativa, presença online gerando contéudo.
Parabéns.