CONTROLE DE MOVIMENTO DE OBJETO COM BOTÃO

Veremos 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) {
stop();
}

Passo 15

Selecione o botão “Direita” e insira o seguinte código:

on (release) {
gotoAndPlay(“Direita”);
}

Passo 16

Selecione o botão “Esquerda” e insira o seguinte código:

on (release) {
gotoAndPlay(“Esquerda”);
}

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.

Download (arquivo fonte )

(Fonte: FlashVault)