fev/08 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

26 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. Pablo Cabana Diz:

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

    abraço!

  7. lurdilene da 203 Diz:

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

  8. lurdilene da 203 Diz:

    amei seu site ta muito bacana mesmo

  9. Pablo Cabana Diz:

    Valeu Lurdilene!
    Volte sempre. ;)

  10. Fefeco Diz:

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

  11. jhonny Diz:

    cara vlw. mas eu queria porfavor q vc me explicasse uma coisa??
    finalXscale
    finalyscale

    isso são methodos ou são variaveis pois não entendi o q é isso, istou passando para o AS0.3 vc poderia me explicar porfavor pois ja procurei no código e não entendo vlw……..espero a resposta

  12. jhonny Diz:

    cara me explica o que seria isso aqui FinalXscaleX não entendi é um methodo , uma variavel é o que?

  13. Pablo Cabana Diz:

    jhonny, isso são variáveis.
    A diferença é que em AS2 não é necessário declarar as variáveis.

  14. Leo Diz:

    Cara, MUITO OBRIGADO!!!!!
    Tava precisando muito disso!!!
    Vlw mesmo cara!! Um abraço!!

  15. gustavo Diz:

    Bom muito bom….parabéns mano

  16. Daniella Diz:

    Pablo, muito legal o tutorial, só fiquei com uma dúvida: Quando temos vários botões que movem um movie clip de lugar, como eu armazeno a informação do último ponto que o movie clip estava afim de avançar para a posição determinada, mas sempre do último ponto para que a navegação seja continua? Um exemplo:
    http://www.jorgedrexler.com/
    Obrigada!

  17. André Diz:

    Pablo, muito bom o tutorial.

    Estou montando algo parecido com isso, teria como incrementar o valor do FinalY para que o botão funcione mais de uma vez?
    Eu tentei aqui e não tive sucesso!

    Falow valeu!!

  18. Pablo Cabana Diz:

    André, basta você mudar a variável final de Y!

  19. Caroline Farnesi Borriello Diz:

    Nossa.. estáva a séculos procurando um bom tutorial pra isso!
    Fiquei muito feliz de encontrar um aqui!
    Parabéns viu! (:
    e obrigada :*

  20. Pablo Cabana Diz:

    Disponha Caroline!

  21. Mario Santos Diz:

    Sou intermediário no flash mais em actionscript iniciante:
    como faço pra mudar o tamanho de um objeto via AS
    tipo ele sair do tamanho W:0 e H:0 e ir para w:450 e h:110
    se puder ajudar agradeço valew ;)
    abraços

    Mario César Santos

  22. Pablo Cabana Diz:

    Mario, leia com calma o tutorial e vai saber.

  23. Rafael Diz:

    Cara muito bom o tutorial mesmo!
    mas só uma pergunta, como fazer isso sem botão, tipo só com a timeline quando a timeline chegar em tal frame o texo move para uma posição, quando chegar em outro frame muda o tamanho, tipo assim mesmo conforme a time line vai “correndo” ??
    Desde já obrigado!
    Abraços….

  24. Pablo Cabana Diz:

    Olha, esqueçam esse tutorial e estudem o TweenLite/Max:
    http://blog.greensock.com/v11/

  25. luninha Diz:

    vcs são cada um uns troxas não tem nada ave nada mesmo vcs não sa em de nada

  26. Helder Diz:

    Muito bom tutorial, é de fácil entendimento.

 Deixe um comentário.