Flash actionscript » Extension

[Extension] Plus loin avec TweenMax le glow avec glowFilter

admin — Mon, 30 Mar 2009 12:28:17 +0000

Un mini pense bête pour TweenMax qui permet de faire un effet d’halo bien sympathique et assez facilement avec le glowFilter. On peut choisir la couleur (en hexadécimal), la transparence ( de 0 à 1), l’étendu en x et en y, la strength correspond à l’effet de glow. Plus le glow est élevé plus la couleur autour du MovieClip sera forte, l’effet de glow sera plus loin du contour du clip. La qualité va de 1 à 3, 3 étant la meilleure.

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

[Extension] Plus loin avec TweenMax : pause, resume et yoyo

admin — Mon, 23 Mar 2009 13:22:24 +0000

Je vous avais parlé de TweenMax, une classe qui étend Flash avec une gestion avancée des Tween. Je reviendrais souvent sur cet extension car ses possibilités sont énormes. Voilà le Tween sur lequel nous allons travailler :

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.

[Extension] TweenMax et TweenLite facilitent la gestion des tween

admin — Mon, 16 Feb 2009 14:19:17 +0000

Les tween permettent de faire des animations par code. Les classes TweenMax et TweenLite permettent de gérer plus facilement les tweens, je trouve la syntaxe moins lourde et les effets possibles sont assez étendus que le tween de base de flash. Pour les librairies de TweenMax. Une fois que vous les avez pris et liez à votre .fla via les publish setting. Il ne vous reste plus qu’à faire bouger vos éléments.

La syntaxe de TweenMax est la suivante :

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

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 …