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
março 17th, 2008 at 11:56
Mto bom o tutorial..pena que eu num sei mexer no flash…mas adorei os efeitos…..
abril 1st, 2008 at 1:11
O Codigo fonte seria bom, se pudesse ser aberto.
Tentei abrir no MX e no 8 …
“Formato Inesperado”
abril 1st, 2008 at 9:56
Oi Renee,
Estava salvo em Flash CS3, mudei para Flash 8.
Tenta fazer o download novamente.
abril 1st, 2008 at 22:02
Ahhh… Obrigado pela atenção!
=)
Vlw mesmo…
Nem todos esão tão à frente… hehehe
Abraço!
outubro 11th, 2008 at 13:33
Amo estas coisas, mas tenho uma grande dificuldade em aprender. De qualquer maneira valeu tua intenção de compartilhar.
outubro 27th, 2008 at 9:36
Silvio, fé em Deus e muito estudo! É a melhor maneira de aprender.
abraço!
novembro 17th, 2008 at 17:40
nonato como melhora as minhas notas pois vc ensina super bem mais eu então não consigo melhora bjs
novembro 17th, 2008 at 17:43
amei seu site ta muito bacana mesmo
novembro 17th, 2008 at 18:14
Valeu Lurdilene!
Volte sempre. ;)
dezembro 23rd, 2008 at 8:31
Cara… valeu pelo tutorial!!!!
Parabéns!!!
claro demais!!
fevereiro 18th, 2009 at 12:10
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
fevereiro 18th, 2009 at 12:12
cara me explica o que seria isso aqui FinalXscaleX não entendi é um methodo , uma variavel é o que?
fevereiro 18th, 2009 at 13:13
jhonny, isso são variáveis.
A diferença é que em AS2 não é necessário declarar as variáveis.
maio 7th, 2009 at 14:37
Cara, MUITO OBRIGADO!!!!!
Tava precisando muito disso!!!
Vlw mesmo cara!! Um abraço!!
junho 3rd, 2009 at 14:01
Bom muito bom….parabéns mano
julho 7th, 2009 at 20:22
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!
agosto 13th, 2009 at 16:28
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!!
agosto 13th, 2009 at 17:07
André, basta você mudar a variável final de Y!
agosto 19th, 2009 at 14:24
Nossa.. estáva a séculos procurando um bom tutorial pra isso!
Fiquei muito feliz de encontrar um aqui!
Parabéns viu! (:
e obrigada :*
agosto 19th, 2009 at 14:46
Disponha Caroline!
novembro 25th, 2009 at 15:44
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
novembro 25th, 2009 at 16:12
Mario, leia com calma o tutorial e vai saber.
fevereiro 5th, 2010 at 14:44
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….
fevereiro 9th, 2010 at 8:40
Olha, esqueçam esse tutorial e estudem o TweenLite/Max:
http://blog.greensock.com/v11/
março 15th, 2010 at 10:14
vcs são cada um uns troxas não tem nada ave nada mesmo vcs não sa em de nada
maio 26th, 2010 at 17:11
Muito bom tutorial, é de fácil entendimento.