TweenMax.to(mc, 1, {glowFilter:{color:0x99ff00, alpha:1, blurX:30, blurY:30, strength:2, quality:3}});

var myTween:TweenMax = new TweenMax( mc, 1, { _x:500, yoyo:true } ) ;

Commençons avec la pause et le resume l’un étant relié à l’autre. Pour arrêter ce tween, nous allons jouer avec la variable myTween. Pour pauser le Tween il suffit de faire :

myTween.pause( ) ;

Pour le reprendre :

myTween.resume( ) ;

Dans le tween myTween, vous pouvez remarquer le paramètre yoyo:true. Le yoyo permet de faire jouer en boucle l’animation du tween. Ici mon clip ira de sa position x de départ à une position x de 500 pour revenir à sa position x de départ et ainsi de suite.

function fctCheckPaire( pEvt:TimerEvent ):void {
// On compte le nombre d action effectuees par le joueur, juste pour lui dire le nombre de coups dont il a eu besoin pour finir le jeu
nbMouvement++ ;
// Si la carte 1 et la carte deux ont la meme couleur
if ( arrCouleurCarte[ carteNumero1["numId"] - 1 ] == arrCouleurCarte[ carteNumero2["numId"] - 1 ] ) {
paireTrouvee++ ;

// Si toutes les paires ont ete trouvees
if ( paireTrouvee == paireATrouver ) {
fctFinJeu( ) ;
}
// La reinitialisation de la paire permet de libere les cartes en jeu
// On remet a 0 le nombre de carte et on libere les cartes : carteNumero1, carteNumero2
else {
fctReinitPaire( ) ;
}
}
// Si la paire ne correspond pas on lui met la couleur de dos de carte et on libere les cartes a la fin
else {
TweenMax.to( carteNumero1, 0.2, { scaleX:0.1, alpha:0.3, tint:arrTeinte[ 0 ] } ) ;
TweenMax.to( carteNumero2, 0.2, { scaleX:0.1, alpha:0.3, tint:arrTeinte[ 0 ], onComplete:fctRecouvrirCarte } ) ;
}
}

function fctDecouvrirCarte( carte:MovieClip ):void {
// Variable initialisee a 0
nbCarteRetournee++ ;
// Grace a TweenMax on retablit la taille de la carte et l alpha de la carte
// Avec la propriete teinte et le tableau qu'on a prealablement defini on lui donne sa couleur
TweenMax.to( carte, 0.2, { scaleX:1, alpha:1, tint:arrCouleurCarte[ carte["numId"] - 1 ] } ) ;

// Si deux cartes sont retournees on verifie si la paire correspond ou non
if ( nbCarteRetournee == 2 ) {
var myTimer:Timer = new Timer( 1000, 1 ) ;
myTimer.addEventListener( TimerEvent.TIMER, fctCheckPaire ) ;
myTimer.start( ) ;
}
}

function fctRetourner( pEvt:MouseEvent ):void {
	// On verifie qu'il n'y ait pas deja deux cartes de retournees ou qu'on ne clique pas sur une carte deja retournee
	if ( nbCarteRetournee != 2 && carteNumero1 != pEvt.target as MovieClip ) {
		// On attribue la carte cliquee
		// A la premiere carte si celle ci est non attribuee
		if ( carteNumero1 == null ) {
			carteNumero1 = MovieClip( pEvt.target ) ;
		}
		// A la deuxiemme si la premiere est deja retournee
		else {
			carteNumero2 = MovieClip( pEvt.target ) ;
		}
		// On cree un effet de retournement de la carte. A la fin de celui-ci on decouvre la couleur
		TweenMax.to( pEvt.target, 0.2, { scaleX:0.1, alpha:0.3, onComplete:fctDecouvrirCarte, onCompleteParams:[ pEvt.target ] } ) ;
	}
}

La syntaxe de TweenMax est la suivante :

TweenMax.to( objet, 1, { x:100 } ) ;

ou

TweenMax.from( objet, 1, { x:100 } ) ;

On peut décider si l’objet va au point x = 100 ou si il vient du point x = 100 jusqu’à sa position x actuelle. TweenMax prend comme paramètres l’objet à déplacer, le temps en secondes du déplacement et les paramètres pour faire bouger l’objet. Ici, il n’y a qu’un paramètre pour l’objet on ne joue que sur sa position en x. Mais l’intérêt de TweenMax est de pouvoir donner plusieurs paramètres sur lesquels le tween s’appliquera.

TweenMax.to( mc, 1, { scaleX:0.5, alpha:0.5, delay:2, onComplete:fctFinTween, onCompleteParams:[ 1 ] } ) ;

Ici on joue sur le scale, l’alpha. On attend deux secondes avant de lancer le tween et une fois que le tween est terminé on peut appeller une fonction et lui passer des paramètres. Voilà un aperçu des capacités de TweenLite et TweenMax. Vous pourrez jouer sur les filtres, faire suivre des courbes de béziers …