Discussion :

[Invité]

Bonjour à tous,

j'ai fait une petite animation qui charge des photos et j'aimerais ajouter un peu de graphisme à l'ensemble avec un cadre. Il devrait apparaître au clic sur un vignette et s'agrandir successivement en largeur puis en hauteur (en fonction de la taille de l'image chargée par le loader).
Voici ce que j'ai pour l'instant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
// LargeurImage récupère la largeur de l'image (testé avec un trace)
// HauteurImage récupère la hauteur de l'image (testé avec un trace)
// J'ai placé mon clip conteneurImage à X=10 Y=10 sur la scène. 
 
function cadre(evt:Event):void{
	conteneurImage.graphics.lineStyle(1, 0xFF0033);
	conteneurImage.graphics.drawRect(0, 0, 20, 20);
	var ScaleWidth:Tween = new Tween(conteneurImage, "width", Strong.easeIn, 20, LargeurImage, 20);
    ScaleWidth.addEventListener(TweenEvent.MOTION_FINISH, scaleHeightMotion);
}
 
function scaleHeightMotion(evt:Event):void{
			var ScaleHeight:Tween = new Tween(conteneurImage, "height", Strong.easeIn, HauteurVignette, HauteurImage, 20);
}

Quand le clique sur une vignette mon rectangle apparaît à X=10 et Y=10 puis au moment du tween il disparaît pour réapparaître à X=0 et Y=0. Lors du Tween il se déplace à X=10 et Y=10.
D'autre part le cadre redimtentionné est bien plus petit que l'image qui s'affiche ensuite.
Comment faire pour que mon cadre se redimentionne correctement?

Merci d'avance pour votre aide

[IP-Fix]

Humm , alors plusieurs remarque et un code source !

Tu redessinne a chaque fois dans le conteneur un carré mais ce conteneur sera deja deformé par les 'width' et 'height' précédent donc je suis pas sur que c'est ce que tu veux.

Le x et y ne bouge pas dans ton code donc sa viens pas de là.

Tu fais toujours partir le tween de 20 en largeur a la place de partir de conteneur.height et conteneur.width, est ce fais exprés ?

Voici un code source full as3 testable avec le code que t'a mis un tout petit peux modifier et qui marche bien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.events.*;
 
var conteneur:Shape = new Shape();
conteneur.x = conteneur.y = 10;
conteneur.graphics.beginFill(0xFF0033);
conteneur.graphics.drawRect(0, 0, 20, 20);
 
var image:Sprite= new Sprite();
image.graphics.beginFill(0x000000);
image.graphics.drawRect(30, 30, 120, 120);
 
image.addEventListener(MouseEvent.CLICK,cadre);
 
function cadre(e:Event):void{
	conteneur.width=conteneur.height=20;	
	var ScaleWidth:Tween = new Tween(conteneur, "width", Strong.easeIn, 20, image.width, 20);
    ScaleWidth.addEventListener(TweenEvent.MOTION_FINISH, scaleHeightMotion);
}
 
function scaleHeightMotion(evt:Event):void{
			var ScaleHeight:Tween = new Tween(conteneur, "height", Strong.easeIn, 20, image.height, 20);
}
 
addChild(image);
addChild(conteneur);

Je sais pas si c'est ce que tu voulais et si ça peut t'aider ?