Adicionar ActionScript ao botão para animação de envelopes

• Pode 17, 2024

Nos últimos tutoriais, terminamos a animação que fez o envelope voar para o centro do palco e adicionamos nosso botão invisível sobre o carimbo no envelope. Agora, a única coisa que resta a fazer na primeira metade da animação é adicionar algumas linhas do ActionScript ao nosso botão. Este código instruirá o Flash a simplesmente parar a animação no Quadro 80 e ouvir o clique no botão. Quando você clica no botão, o ActionScript move a animação para o Quadro 81 e a segunda metade da animação. Obviamente, ainda precisamos construir o restante da animação, mas, por enquanto, trabalharemos no código que fará nosso botão controlar a Linha do tempo.

Abra nosso arquivo fla no Flash CS3. Neste ponto, temos 80 quadros na linha do tempo. Trabalharemos no Quadro 80 durante este tutorial.

1. Desbloqueie as camadas Actions e InvButton. No quadro 80 da camada Actions, clique com o botão direito do mouse e adicione um Keyframe. Na barra de menus, clique em Janela, Ações para abrir o painel Ações.
   
   
2. Adicione o seguinte código ao painel Ações.
   
   Pare();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   função open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   jogar();
   }
   
   Como você pode ver, esse código possui três partes. Primeiro, adicionamos o código stop () para interromper a animação e aguardamos o clique no botão. Como o código está no Quadro 80, é aí que a animação irá parar.
   
   Em seguida, adicionamos um EventListener à instância InvButton1 do nosso botão de carimbo invisível. Este EventListener escutará o clique do mouse no botão e chamará a função open_Env.
   
   A função open_Env faz duas coisas. Primeiro, ele remove o EventListener e depois move a animação para o Quadro 81 com o código play ().
   
   
3. Após adicionar o ActionScript ao painel Ações, você pode fechar o painel Ações.
   
   
4. Como você pode ver, fizemos tudo isso no Quadro 80. Clique em Controlar, Testar filme para testar o botão. Você verá que a animação não volta automaticamente para o início da Linha do tempo após o Quadro 80, como antes. Agora, nosso filme para e espera alguém clicar no botão. Isso ocorre porque agora estamos controlando a Linha do tempo com o ActionScript.
   
   

Salve seu arquivo fla para o próximo tutorial, quando começaremos a trabalhar na segunda metade da animação do envelope.

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / é [a] marca registrada ou marca comercial da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Aula 19 flash cs5 básico -x símbolos organização no painel biblioteca (Pode 2024).