Revelando uma imagem com um efeito de animação Grid

Neste tutorial, vamos ver como a revelar um pedaço por pedaço da imagem usando AS3.

1. Crie um novo arquivo flash (Actionscript 3.0) e salve-o como grid.fla.

2. Tudo vai acontecer no código para abrir o painel de ações. Como muitas vezes, vamos utilizar o motor TweenLite. Primeiro, importe o motor TweenLite.

3. Declare duas constantes para armazenar o número de colunas e linhas que você gosta da imagem a ser cortada em, e uma variável de matriz para as lojas mais tarde, todas as imagens fatiadas.

4. Carregar a próxima imagem. Quando a imagem é carregada, ele vai chamar a função onImageLoaded.

Isso deve fazê-lo, nossos 5. Na função onImageLoaded, queremos cortar as imagens em pedaços * ROWS COLUNAS.
Primeiro, recuperar os dados de bitmap da imagem carregada. Conservar a largura e a altura de uma peça.
Então nós loop através das colunas e nas linhas. Dentro deste laço duplo, que criamos para cada iteração um clipe de filme (alvoFoto) que irá conter um pedaço da imagem original. O pequeno é criado usando o copyPixels () método que copia uma área retangular da imagem original para o pequeno pedaço. Nós ajustamos o alvoFoto de propriedades x e y e defina sua propriedade alpha 0 para torná-lo invisível.
Nós adicionamos o alvoFoto à matriz gridImages e adicioná-lo à lista de exibição.
Finalmente, quando todas as nossas imagens cortadas foram criados chamamos revealImage () função que vamos criar agora.

6. RevealImage A () loop função através da matriz imagesGrid e para cada imagem usa o motor TweenLite para animar sua propriedade alpha. Nós especificar o parâmetro de atraso para fazer as peças da imagem original aparecem um após o outro.