Para conseguir o efeito crescente visto em alguns clipes de animação Flash, como o cultivo de flores ou brotos que crescem animados, usam a classe TransitionManager em ActionScript 3 . Com apenas algumas linhas de código, AS3 agiliza o trabalho muito mais rápido do que outros processos , como a animação stop-motion . Dois tipos de transição AS3 que são especialmente úteis para um efeito de crescimento são as transições de zoom e voar. Preparação
Antes de usar o ActionScript para fazer uma imagem crescer, você deve primeiro converter a imagem para um símbolo de clipe de filme . Pressione " F8" no teclado. Em seguida, dê o símbolo de um nome de instância no painel Propriedades. Você pode dar qualquer nome , no entanto, o código de exemplo neste artigo usa " _grow " como o nome do símbolo. Antes de entrar em qualquer código no painel Actions -Frame , primeiro selecione o cronograma atual , clicando no painel Timeline . Em seguida, cole o seguinte duas linhas de código a invocar o ActionScript TransitionManager e aulas de flexibilização :
import fl.transitions * , * fl.transitions.easing importação;
Crescimento. . usando Zoom
O tipo de transição de zoom é útil para fazer objetos parecem crescer para fora . Uma imagem de uma flor pequena, por exemplo, usando o efeito de zoom será apresentado a crescer em uma flor maior. Este exemplo utiliza a variável " myGrowth " para ser usada com o tipo de transição de zoom . O atributo duração especifica o tempo em segundos para a animação para ser concluída. Copiar e colar o seguinte código nas linhas 3 e 4 do painel Ações . Você pode, então, visualizar a animação usando a opção "Publish Preview" no menu Arquivo
var myGrowth : TransitionManager = new TransitionManager ( _grow ); myGrowth.startTransition ( {type : Zoom , duração: 3 }). ;
Crescimento Vertical Usando Fly
O tipo de transição Fly pode ser usada para fazer uma imagem parecem crescer em uma direção , como um rebento em crescimento a partir de grama ou uma videira crescendo para baixo ou da esquerda ou direita. Este tipo de transição utiliza o parâmetro " startPoint " para determinar onde o objeto começa . O exemplo a seguir utiliza " 8 " para iniciar a partir do fundo do palco . Você pode mudar isso para "7" para o canto inferior esquerdo ou "9 " para o canto inferior direito. Você pode usar "1" para o canto superior esquerdo , "2" para o centro ou "3" para o canto superior direito. Para começar a partir da borda esquerda ou direita , você pode usar "4" ou "6 ". Cole o seguinte código no painel Actions -Frame para usar a transição Fly :
var myGrowth2 : TransitionManager = novo TransitionManager ( _grow ); myGrowth2.startTransition ({ type: Fly, direção: Transition.IN , duração: 5, startPoint : 8} );
Facilitando Parâmetros
Você pode usar facilitando parâmetros para alterar a taxa de crescimento em uma animação de quatro maneiras . "Regular" e " Strong" flexibilização faz com que a animação para acelerar ou desacelerar gradualmente a uma taxa normal ou forte. "Voltar" flexibilização cria um efeito de salto, tornando a imagem crescer um pouco maior do que o normal , então encolher para trás ao seu tamanho normal. easing " Elastic " é o mesmo que volta aliviar , mas com um efeito mais forte . Aplicar três atributos diferentes para cada um destes parâmetros a ter a flexibilização começar no início , no final ou tanto no início e no fim da animação . Esses atributos são " easIn ", " easeOut " e " easeInOut " Coloque o " " parâmetro após o " aliviar duração " parâmetro para ver seus efeitos , por exemplo: .
. . fl.transitions importação * ; fl.transitions.easing import * ; var myGrowth : TransitionManager = new TransitionManager ( _grow ); myGrowth.startTransition ( {type : Zoom , duração: 5, easing: Strong.easeOut }); < br >