Animation avec RollOver

Version imprimable

21/01/2009, 13h47
matthrandir

Animation avec RollOver

bonjour a tous

après moultes recherches j'en viens à vous demander de l'aide...

j'ai deux triangles, quand on fait un rollover sur le premier, ils change de place, quand on fait un rollover sur le second, ils reviennent à leurs emplacement d'origine.

le premier déplacement fonctionne bien, mais les suivant sont tous saccadés, tout tremblant :s

quelqu'un aurait une solution?

merci d'avance.

le fla : http://matthieu.lorrain.free.fr/fla/try.fla
le swf : http://matthieu.lorrain.free.fr/fla/try.swf
22/01/2009, 07h37
dom_dev

bonjour,

il y a une raison particulière pour travailler avec le onRollOver plutot qu'avec onRelease ??
22/01/2009, 10h11
matthrandir

Aucune, simple directive de ma patronne :s (je suis en alternance)

mais j'ai fais l'essais avec un OnRelease, le problème reste le même...
22/01/2009, 12h07
Lorenzo77

salut,

tu n'as pas remarqué que tu pouvais avoir les 2 setInterval qui fonctionnaient en même temps ?
et même plusieurs fois pour chaque ? :roll:
sans compter que mettre ta fonction dans le rollOver est inutile ... laisse juste l'appel !
et pense aussi a DETRUIRE les setInterval :roll:
ben dis donc, y en a des erreurs pour quelques lignes de code :mrgreen:

a toi de mettre une var qui indique que l'action est en route pour bloquer TOUTES les actions futurs tant que les mouvements ne sont pas fini !
22/01/2009, 13h40
matthrandir

merci lorenzo,
hé oui beaucoup d'erreur, mais tu n'a pas vu mes dicté de CM1 :p

merci pour l'aide, je vais tester tout ça ^^
22/01/2009, 15h17
dom_dev

hé oui beaucoup d'erreurs, mais tu n'as pas vu mes dictées de CM1

on les imagine :mrgreen:
26/01/2009, 22h04
matthrandir

Citation:

Envoyé par Lorenzo77

a toi de mettre une var qui indique que l'action est en route pour bloquer TOUTES les actions futurs tant que les mouvements ne sont pas fini !

après maintes recherches, j'ai pas trouvé comment on fait ça...
help?
27/01/2009, 00h44
Lorenzo77
dans les fonctions (qu'il FAUT SORTIR des déclarations des évènements !) tu as juste a mettre un :
Code:

1 2 3 if( testEnCours == true ){ return; }
mais le mieux serait de refaire proprement tout ca en INTERDISANT la création de plusieurs setInterval !
utilise un ID pour le setInterval (voir la DOC pour les exemples ...)

jai refais l'anim test, en utilisant des tween, et ça marche :D

(cette fois seul le triangle bleu est "rolloverable", avec une action différente en fonction de sa position)

Code:

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
28
29
30
31
stop();
 
//creation du triangle bleu
this.createEmptyMovieClip("box_mc",this.getNextHighestDepth());
box_mc.beginFill(0x0000FF,100);
box_mc.moveTo(10,100);
box_mc.lineTo(10,100);
box_mc.lineTo(100,100);
box_mc.lineTo(100,10);
 
//creation du triangle rouge
this.createEmptyMovieClip("box2_mc",this.getNextHighestDepth());
box2_mc.beginFill(0xFF0000,100);
box2_mc.moveTo(10,10);
box2_mc.lineTo(10,100);
box2_mc.lineTo(100,10);
box2_mc.lineTo(10,10);
 
import mx.transitions.Tween; // on importe la classe Tween 
import mx.transitions.easing.*; // on importe les classe easing pour les effets.
 
 
box_mc.onRollOver = function () { 
if (box_mc._x<=10) {
			var maTween:Tween = new Tween( box_mc, "_x", Regular.easeOut, 0, 300, 12, false ); 
			var maTween:Tween = new Tween( box2_mc, "_y", Regular.easeOut, 0, 300, 12, false );
	}
	else {	var maTween:Tween = new Tween( box_mc, "_x", Regular.easeOut, 300, 0, 12, false ); 
			var maTween:Tween = new Tween( box2_mc, "_y", Regular.easeOut, 300, 0, 12, false );
}
}

le swf est ici

encore merci lorenzo