Tweenlite/Max e gTween unidos para desenvolver a nova engine

Muito muito muito tarde mas é bom falar(esse post estava em rascunho desde o final de junho), Grant Skinner desenvolvedor do gTween se juntou com o pessoal da greenSock para desenvolver a nova engine de animação, Tweenlite/max versão 11, ela já está na versão beta. A engine gTween não vai morrer Grant irá continuar fazendo melhorias e dando suporte a sua engine, algumas funcionalidades do gTween vão ser incorporadas na Tweenlite/max, mas não todas. A versão 11 tera suporte as versões anteriores.

Mais informações em : http://blog.greensock.com/gskinnercollaboration/

As mudanças na codificação serão grandes, por isso que eles liberaram a versão BETA para não assustar o pessoal, a estrutura da animação vai ser organizada em grupos sequenciais gerenciados por uma Timeline(TimelineMax e TimelineLite). Para entender melhor vou mostrar um exemplo, como base o do site do greensock, vou criar um novo fla no Flash, e criar quatro símbolos com os seguintes nomes de instância, quadrado_mc, btPlay_mc , btStop_mc e btReverse_mc, e agora vamos ao código :

// importamos todas as classes da biblioteca
      package
{
 
	/**
	 * ...
	 * @author Fellyph Cintra
	 */
 
	 // importamos todas as classes da biblioteca
        import com.greensock.*;
	import flash.events.MouseEvent;
	import flash.display.MovieClip;	
 
	public class NovaTween extends MovieClip
	{
 
		//crimos uma time line para gerenciar nossas animações
		var myTimeline:TimelineMax = new TimelineMax ( ) ;
 
		public function NovaTween()
		{
 
			//adicionamos uma animação a nossa timeline
			myTimeline.append ( new TweenLite ( quadrado_mc, 1.5 , { x: 335 } ) ) ;
 
			//adicionamos mais uma animação, essa irá ser executada no final da anterior
			myTimeline. append ( new TweenLite ( quadrado_mc, 1 , { alpha: 0 } ) ) ;
 
			//adicionamos uma tween exatamente 3 segundos na timeline
			myTimeline. insert ( new TweenMax ( quadrado_mc, 1 , { rotation: 180 , alpha: 0.5 } ) , 3 ) ;
 
			//setamos o modo botão para true
			btPlay_mc.buttonMode = true;
			btStop_mc.buttonMode = true;
			btReverse_mc.buttonMode = true;			 
 
			//adicionamos os eventos nos botões
			btReverse_mc.addEventListener(MouseEvent.CLICK, onReverse);
			btPlay_mc.addEventListener(MouseEvent.CLICK, onPlay);
			btStop_mc.addEventListener(MouseEvent.CLICK, onStop);
		}
 
		// função para o btStop
		function onStop(e:MouseEvent){
			myTimeline. stop ( ) ;
		}
 
		// função para o btPlay
		function onPlay(e:MouseEvent){
			myTimeline. play ( ) ;
		}
 
		//função
		function onReverse(e:MouseEvent){
			//pode acionar o reverse em qualquer momento
			myTimeline. reverse ( ) ;
		}
	}
 
}

o resultado que temos é o seguinte :

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Uma das vantagens é que na construção de um site fazemos toda a montagem em TweenLite ou TweenMax para animar a abertura de uma interna, e depois escrevemos todas as Tweens novamente para fazer a animação reversa, que esse novo modo só precisamos de uma única linha e outra vantagem que ela pode ser acionada a qualquer momento. Essa nova versão tem mais recursos, se possível eu faço um novo post.
Mas se quiser dar uma olhada no site da nova versão é só acessar o site : http://blog.greensock.com/v11Beta/

Esta entrada foi publicada em Flash, Tutoriais. Adicione o link permanente aos seus favoritos.

Uma resposta a Tweenlite/Max e gTween unidos para desenvolver a nova engine

  1. Ponce disse:

    PH, BetweenAS3 da um coro em todas as engines de animaçao de flash juntas, é a dominação do mundo !
    http://www.be-interactive.org/works/20090428/slide_betweenas3.html
    =P

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">