The new Golf GTI. The original, updated. Bruna Ferraz - Marketing Pornô?
fev 17

Clique aqui para baixar o arquivo fonte.

Existem várias maneiras de mover objetos via Action Script, mas a que eu mais costumo usar, pela facilidade de adaptações, é com “onClipEvent (enterFrame)”. Usei isso pra mover as barrinhas do site do Bruno Latini. Esta função significa que a cada frame, de acordo com seu frame rate, seu filme irá executar as funções que você determinar. Você pode, por exemplo, dizer que a cada frame seu objeto ganha 10 pixels em x, e isso o fará andar para direita.

Já fez o download do arquivo fonte? Com ele aberto, clique no Cabana é Bacana e veja o Action Script (F9).

onClipEvent (enterFrame) {
var tempo:Number = 12;

/* Esta sentença “x += y” é uma abreviação que o Action Script usa para dizer:
“x passa a ser o x antigo mais y”. O “tempo” é que dá o efeito de easing.
Quanto maior, mais lento será o movimento. E cada botão modificará a variável
“final”. */

//Este para posição
this._x += (finalX-this._x)/tempo;
this._y += (finalY-this._y)/tempo;

//Este para tamanho
this._xscale += (finalXscale-this._xscale)/tempo;
this._yscale += (finalYscale-this._yscale)/tempo;

/*Este para rotação. Eu usei “tempo/3″ para que a rotação aconteça mais rápido do que a posição. Sem isso, pode acontecer do objeto tremer no finalzinho do movimento. */
this._rotation += (finalRotation-this._rotation)/(tempo/3);

//Este para transparência
this._alpha += (finalAlpha-this._alpha)/tempo; }

Este movie clip ganhou o nome de instância de “cabanabacana” para que suas variáveis possam ser referenciadas nos botões. Agora clique no botão “Tudo” (no quadrado preto atrás do texto) e veja a action nele.

on(release){
cabanabacana.finalXscale = 100;
cabanabacana.finalYscale = 100;
cabanabacana.finalX = 240;
cabanabacana.finalY = 125;
cabanabacana.finalRotation = 0;
cabanabacana.finalAlpha = 100;
}

Assim nós estamos dizendo para o movie clip se mover nestes parâmetros. Basta mudar os valores para colocar o Cabana é Bacana onde, com o tamanho, rotação e transparência que você quiser. Não falei que é simples?

Clique aqui para baixar o arquivo fonte.

Pablo Cabana

12 Respostas para “Como mudar objetos (posição, tamanho, ângulo e transparência) com easing (aquele efeito bacana que vai parando aos poucos) via Action Script no Flash.”

  1. Tarin Diz:

    Mto bom o tutorial..pena que eu num sei mexer no flash…mas adorei os efeitos…..

  2. Renee Diz:

    O Codigo fonte seria bom, se pudesse ser aberto.
    Tentei abrir no MX e no 8 …

    “Formato Inesperado”

  3. pablo Diz:

    Oi Renee,
    Estava salvo em Flash CS3, mudei para Flash 8.
    Tenta fazer o download novamente.

  4. Renee Diz:

    Ahhh… Obrigado pela atenção!

    =)

    Vlw mesmo…

    Nem todos esão tão à frente… hehehe

    Abraço!

  5. Panis Diz:

    Amo estas coisas, mas tenho uma grande dificuldade em aprender. De qualquer maneira valeu tua intenção de compartilhar.

  6. Silvio Diz:

    Meu e-mail é skilful@oi.com.br.
    site: http://www.admcohatrac.com.br
    Oi amigo, tenho o hábito de tdo dia pesquisar na net recursos flash, tem mtas coisas q não entendo, apesar de estar fazendo o curso q está prestes a terminar. Estes recursos são bacanas. Se vc tiver apostilas ou algo parecido q ensine com facilidade, isto e outras coisas, estou agradecido. Este site ai, estou desenvolvendo pra minha igreja Grátis, pq estou aprendendo, 90% flash. Ainda não sei construir uma galeria de fotos com movimentos, a q construi ai é com TELLTARGET isso pq meu professor enrola pra karamba. Eu kero aprender este tipo aki, olha ai mano http://www.ibns.org.br/page_eventos.php, Aguardo seu interesse em me ajudar.

  7. Pablo Cabana Diz:

    Silvio, fé em Deus e muito estudo! É a melhor maneira de aprender.

    abraço!

  8. lurdilene da 203 Diz:

    nonato como melhora as minhas notas pois vc ensina super bem mais eu então não consigo melhora bjs

  9. lurdilene da 203 Diz:

    amei seu site ta muito bacana mesmo

  10. Pablo Cabana Diz:

    Valeu Lurdilene!
    Volte sempre. ;)

  11. Silvio Diz:

    ok!

  12. Fefeco Diz:

    Cara… valeu pelo tutorial!!!!
    Parabéns!!!
    claro demais!!

 Deixe um comentário.