Controle de Movimento de Objeto com Botão
CONTROLE DE MOVIMENTO DE OBJETO COM BOTÃOVeremos como criar movimento de um objeto via actionscript assim como seu controle através de botões (Direita, Esquerda, Pare). Passo 1 Abra um novo documento Flash. Passo 2 Tecle Ctrl+J (ou selecione Modify > Document). Configure o Frame rate de seu filme para 16 fps (frames per second). Defina #E1EDFF como cor de fundo e clique em OK.
Passo 3 Importe uma figura para servir como objeto a ser movimentado no filme. Para fazer isso, navegue pelo menu até File > Import > Import to Stage… (Ctrl+R)
Passo 4 Redimensine a imagem, se for necessário, com a Free Transform Tool (Q). Clique sobre a Selection Tool (V), selecione o objeto (no meu caso o Cavalo), tecle F8 (para convertê-lo em um símbolo de MovieClip).
Passo 5 Posicione uma instância do cavalo_mc como indicado abaixo:
Passo 6 Clique nos frames 16,17 e 34 e pressione F6 no teclado para criar keyframes. Passo 7 Volte para o frame 16, selecione a Selection Tool (V) e posicione o cavalo_mc como segue:
Passo 8 Clique sobre a Selection Tool (V) e a seguir no frame 16 e pressione Ctrl+C (Copy). Então, clique no frame 17, pressione a tecla delete no teclado e depois tecle Ctrl+Shift+V (Paste in Place). Passo 9 Ainda no frame 17, selecione a Free Transform Tool (Q), pressione e segure a tecla Shift e inverta a orientação do cavalo (seu perfil, pois agora faremos a volta do movimento).
Obs.: outra alternativa para obter o mesmo efeito é, com o cavalo selecionado, no menu optar por Modify > Transform > Flip Horizontal. Passo 10 Clique na Selection Tool (V) e a seguir no frame 17 e tecle Ctrl+C (Copy). Então, clique no frame 34, pressione a tecla delete e depois disto, Ctrl+Shift+V (Paste in Place). Passo 11 Ainda no frame 34, clique na Selection Tool (V) e posicione o cavalo na posição mostrada a seguir:
Passo 12 Clique com o botão direito do mouse em qualquer frame entre o 1 e o 16 e escolha, no menu de contexto o Create Motion Tween. Sigaa o mesmo procedimento entre os frames 17 e 34.
Passo 13 Crie 3 novas layers abaixo da layer Cavalo e a nomeie como: Botão Direita, Botão Esquerda e Botão Parar. Coloque os botões criados por você nas respectivas layers. Obs.: crie a arte para estes botões como desejar.
Passo 14 Com a Selection Tool (V), clique uma vez no botão “Parar” para selecioná-lo e abra o Action Script Panel (F9). Então, insira o seguinte código: on (release) {
Selecione o botão “Direita” e insira o seguinte código: on (release) { Passo 16 Selecione o botão “Esquerda” e insira o seguinte código: on (release) { Passo 17 Crie uma nova layer acima da layer Cavalo e nomeie-a como Rótulos. Passo 18 Clique no frame 2 da layer Rótulos, crie um keyframe (F6) e no Properties Panel (Ctrl+F3), digite no campo Frame: Direita.
Passo 19 Clique no frame 2 da layer Rótulos, crie um keyframe (F6) e no Properties Panel (Ctrl+F3), digite no campo Frame: Direita.
Passo 21 Clique no primeiro frame desta layer e insira o seguinte código através do Actions panel (F9): stop(); Passo 22 Clique no frame 16 e faça o mesmo que o passo anterior para que o filme pare ao chegar neste frame. Passo 23 Teste seu filme com Ctrl+Enter. (Fonte: FlashVault) |
Escrito por 
bom amigo.
Desculpe meu amigo, mas foi dificil o entendimento no final e acabou que não deu certo.
Você deixou de explicar alguns passos, tinha coisas no seu arquivo final que não é explicado no tutorial.
O Carlos Henrique está certo.Você esqueceu de dizer que tinha que criar uma nova layer para dar o comando stop();
Tentei aqui e não consegui.O programa diz que há algo de errado na parte on(release) dos três botões.
Vou mostrar aqui como digitei essa parte:
on (release)
{
gotoAndPlay(“Direita”);
}
on (release)
{
gotoAndPlay(“Esquerda”);
}
on (release)
{
stop();
}
A mensagem vem assim:
Mouse events are permitted only for button instance.
O mais estranho é que se eu tiro a layer rótulos, o botão parar funciona normalmente (apesar de aparecer a mensagem de erro).
Alguém poderia me ajudar?
Grato pela sua atenção!!!
Opa!
É o Fernando de novo!
Resolvi o meu problema.
O que eu estava fazendo errado é que eu tinha criado a ação apertando o botão direito do mouse na layer e indo na opção action.
O que se deve fazer é selecionar o botão, apertar F9 e digitar o código.
Parabéns pelo tutorial Francisco!