Neste tutorial vou mostrar como criar animação de rolagem vertical de fotografias utilizando o código Action Script. Nele, você também vai aprender a importar todas as fotos em um estágio flash, como converter qualquer conteúdo em um símbolo de Movie Clip, como a criação de instância nome e muito mais. Vamos começar!
Exemplo: (Passe o mouse na imagem e veja)
Etapa 1
Primeiro, baixar as fotos que iremos utilizar para esta lição!
Etapa 2
Crie um (novo Action Script 3.0) documento flash. Pressione a tecla Ctrl + J no teclado (Document Properties) e definir a largura do documento para 250 pixels e a altura para 250 pixels. Selecione a cor # 999999 como cor de fundo. Ajuste a taxa do seu filme Flash frame 32 e clique em OK.

Etapa 3
Chame as fotos de moda atual camada. 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 > Import > Import to Library. Na janela do explorador de arquivos que aparece, encontre as cinco fotos Presssione Shift e clique para selecionar todas elas. Se você abrir sua biblioteca agora flash (Ctrl + tecla L), você verá cinco fotografias que você acabou de importado. Veja a foto abaixo!

Etapa 5
Selecione a ferramenta Selection (V) clique nas fotos (que estão na biblioteca) e arraste até o palco do flash e coloque na posição, como é mostrado na imagem abaixo!

Etapa 6
Selecione todas as fotos e bater F8 (Converter em símbolo) para convertê-la em um Movie Clip Symbol.! Note! Ponto de registro fixado para o topo!

Etapa 7
Enquanto o novo Movie Clip é feito ainda selecionado, vá ao painel das propriedades abaixo do estágio. No lado esquerdo, você encontrará o campo de entrada Instância nome. Coloque esse filme com nome de photos_mc Clip. Veja a foto abaixo!

Etapa 8
Crie uma nova camada acima da camada de fotos e nome é o código action script.
Etapa 9
Selecione o primeiro quadro da camada de código action script e vá ao painel de AS (F9). Em seguida, insira o código dentro do painel de ações:
var verticalCenter:Number = stage.stageHeight / 4; var limit:Number = stage.stageHeight - photos_mc.height; var speed:Number = 0.1; var scrollY:Number = 1; addEventListener(Event.ENTER_FRAME, scrollphotos); function scrollphotos(e:Event):void { scrollY = - speed * ( mouseY - verticalCenter ); photos_mc.y+= scrollY; if (photos_mc.y>0.8) { photos_mc.y= 0.8;} else if (photos_mc.y< limit) { photos_mc.y= limit; } }
Ta feito!
Teste sua animação e divirta-se
Download do Arquivo Fla
Fonte: http://www.flashperfection.com/tutorials/Make-Glowing-Edge-Effect-with-Glow-Filter-in-Flash-67094.html
Nenhum comentário:
Postar um comentário