Tween animação utilizando o botão e AS3

Recomende o site:
Este tutorial, irá mostrar como criar uma animação tween usando o AS3 e botão. Fazendo esta lição, você também vai aprender a importar qualquer imagem em um estágio (palco) flash, como em convertê-la em um Movie Clip, como a criação de instância nome e muito mais! Vamos lá!

Exemplo (Clique no botão tween!):

Etapa 1

Primeiro, encontre qualquer imagem que você gostaria de usar para esta lição.

Etapa 2

Crie um novo documento Flash. Pressione a tecla Ctrl + J no teclado (Document Properties) e defina as dimensões do seu documento como o que quiser. Selecione qualquer cor como cor de fundo. Ajuste a taxa do seu filme Flash frame 32 e clique em OK.

Etapa 3

Chame a imagem da camada atual. Dê um duplo clique sobre o nome padrão (Camada 1) para mudar isso. Pressione Enter após ter digitado o novo nome!

Etapa 4

Escolha agora Arquivo (File) > Importar (Import) > Importar para o palco (Import to Stage) (Ctrl + R) e importe qualquer imagem em um estágio (palco) flash.

Etapa 5

Enquanto a imagem ainda selecionada, pressione F8 (Converter em símbolo) para convertê-la em um Movie Clip Symbol.

Etapa 6

Com o novo Movie Clip ainda selecionado, vá ao painel das propriedades abaixo do estágio (palco). No lado esquerdo, você encontrará o campo de entrada Instância nome. Chame esse Movie Clip de image. Veja a foto abaixo!

Etapa 7

Crie uma nova camada acima da camada de imagem e nomeie com o nome “tween button”. Após isto, crie uma imagem que nela esteja escrito tween e converta em um símbolo de botão.

Etapa 8

Com o novo botão ainda selecionado, vá ao painel das propriedades abaixo do estágio.. No lado esquerdo, você encontrará o campo de entrada Instância nome. Chame esse botão de “myButton” . Veja a foto abaixo!

Etapa 9

Crie uma nova camada acima da camada “tween Button” e de a ela o nome de ação.

Etapa 10

Selecione agora o primeiro quadro de ação da camada e vá para o Action Script Panel (F9). Depois disso, digite o código dentro do painel de ações:

import fl.transitions.*;
import fl.transitions.easing.*;
  
myButton.addEventListener(MouseEvent.CLICK, tweenMyObject);

function tweenMyObject(event:MouseEvent) {
    var moveTween:Tween = new Tween(Image, "x", Elastic.easeOut, 0, 260, 3, true);
}

É isso aí!

Teste seu filme (Ctrl + Enter) e divirta-se!

Fonte: http://www.flashperfection.com/tutorials/Tween-animation-using-the-AS3-and-button-04167.html

Download do Arquivo: Download arquivo FLA