Animao de Foto de Rolagem Vertical

Recomende o site:
Neste tutorial vou mostrar como criar animao de rolagem vertical de fotografias utilizando o cdigo Action Script. Nele, voc tambm vai aprender a importar todas as fotos em um estgio flash, como converter qualquer contedo em um smbolo de Movie Clip, como a criao de instncia nome e muito mais. Vamos comear! Exemplo: (Passe o mouse na imagem e veja)

Etapa 1

Primeiro, baixar as fotos que iremos utilizar para esta lio! 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 padro (Camada 1) para mudar isso. Pressione Enter aps 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 esto na biblioteca) e arraste at o palco do flash e coloque na posio, como mostrado na imagem abaixo!

Etapa 6 Selecione todas as fotos e bater F8 (Converter em smbolo) 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 estgio. No lado esquerdo, voc encontrar o campo de entrada Instncia 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 cdigo action script. Etapa 9 Selecione o primeiro quadro da camada de cdigo action script e v ao painel de AS (F9). Em seguida, insira o cdigo dentro do painel de aes: 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 animao e divirta-se Download do Arquivo Fla