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 :

[flash https://www.fellyph.com.br/blog/wp-content/uploads/2009/08/novatwewn.swf w=450 h=300]

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/

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

Deixe uma resposta

This site uses Akismet to reduce spam. Learn how your comment data is processed.