[FLASH 8] Centrer une transition Tween sur le clip

Version imprimable

Salut,
j'ai une série d'image (dynamiquement).
Au survol de la sourie, j'affecte une transition tween qui grossit l'image.
Code:

1 2 3 4 mc.onRollOver = function() { var tweenHeight:Tween = new Tween(this, "_height", Strong.easeOut, mcHeight, mcHeight+factor, speed, false ); var tweenWidth:Tween = new Tween(this, "_width", Strong.easeOut, mcWidth, mcWidth+factor, speed, false ); }
ça fonctionne mais l'effet se fait à partir du coin haut gauche de l'animation hors je souhaiterais qu'il se fasse à partir du centre.
J'espère ne pas être trop confus.
Merci nous nouvelle fois de votre aide.

06/12/2006, 22h23
melonmaudic

ou as tu défini ton centre de clip?
06/12/2006, 22h46
julien.63
c'est un clip qui est créé dynamiquement
Code:

1 2 var mc = container.createEmptyMovieClip("mcImg" + numImg, numImg);
donc à vrai dire, je ne sais pas où définir le centre

Ben il suffit de faire également une transition sur les x et les y.

Code:

1
2
3
4
5
6
7
8
9
var mcX:Number = mc._x;
var mcY:Number = mc._y;
mc.onRollOver = function() {
var tweenHeight:Tween = new Tween(this, "_height", Strong.easeOut, mcHeight, mcHeight+factor, speed, false );
var tweenWidth:Tween = new Tween(this, "_width", Strong.easeOut, mcWidth, mcWidth+factor, speed, false );
 
var tweenX:Tween = new Tween(this, "_x", Strong.easeOut, mcX , mcX -(factor/2), speed, false );
var tweenY:Tween = new Tween(this, "_y", Strong.easeOut, mcY, mcY-(factor/2), speed, false );
}

07/12/2006, 15h27
julien.63

ça marche impécable ! :D
merci.
ça veut dire qu'en actionscript on ne peut pas atteindre l'option qui permet de définir le "centre de gravité" (registration sur flash en anglais) au centre ou dans l'angle supérieur gauche, comme cela est possible en mode graphique?
07/12/2006, 18h47
yacine mezzi

J'aimerai bien savoir les details de cet effet (est ce que c l'effet de survol des menus comme sur un Mac G5?) si oui merci de me faire savoir comment proceder plus clairement pour l'obtenir.
Merci

Oui ça peut s'apparenter au menu MAC OSX (les puristes me contrediront peut être ;) ).
L'effet est assez simple à mettre en place :
Code:

1 2 3 4 5 6 7 mc.onRollOver = function() { this.swapDepths(99); var tweenHeight:Tween = new Tween(this, "_height", Elastic.easeOut, mcHeight, mcHeight+factor, speed, false ); var tweenWidth:Tween = new Tween(this, "_width", Elastic.easeOut, mcWidth, mcWidth+factor, speed, false ); var tweenX:Tween = new Tween(this, "_x", Elastic.easeOut, mcX , mcX -(factor/2), speed, false ); var tweenY:Tween = new Tween(this, "_y", Elastic.easeOut, mcY, mcY-(factor/2), speed, false ); }
Je me suis basé sur l'excellent tutoriel sur les tween disponible sur ce site même : http://pyrrha.developpez.com/articles/flash/tweens/

Bon courage

11/12/2006, 12h10
yacine mezzi

C gentil merci ca boost bien le new design dans un web site.
merci beaucoup.