AS3 onmouseover (Flash CS5) [Résolu]

[Elendill]

Bonjour !

Alors voilà je voudrais qu'au survol de la souris mes boutons s'agrandissent progressivement et inversement quand on enlève la souris.

J'ai fait un calque sur lequel j'ai mes boutons (image converti en symbole "bouton") et un autre calque sur lequel je mets tout mon code, à savoir :

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
32
 
 
function over(btn){
 
	if(btn.height < 40)
	{
		btn.width + = 2;
		btn.height + = 2;
 
		var timerSynchro:Timer = new Timer( 500, 1) ;
		timerSynchro.addEventListener( TimerEvent.TIMER, over(btn) ) ;
		timerSynchro.start();
	}
 
}
 
function out(btn){
 
	if(btn.height > 30)
	{
		btn.width - = 2;
		btn.height - = 2;
 
		var timerSynchro:Timer = new Timer( 500, 1) ;
		timerSynchro.addEventListener( TimerEvent.TIMER, out(btn) ) ;
		timerSynchro.start();
	}
 
}
 
bouton_ps.addEventListener(MouseEvent.MOUSE_OVER, over(bouton_ps) );
bouton_ps.addEventListener(MouseEvent.MOUSE_OUT, out(bouton_ps) );

Inutile de dire que je suis débutant ^^ je suis plutôt html css et un peu javascript.
Je voulais un équivalent du setTimeout en JS donc j'ai vu qu'on pouvait utiliser timerSynchro.

Bref, je ne sais pas ce qui ne va pas là dedans.
Merci beaucoup

[Romain D.]

Salut, alors pour ton problème, regarde du coté des tweens

http://livedocs.adobe.com/flash/9.0_fr/ActionScriptLangRefV3/fl/transitions/Tween.html#Tween%28%29

[Elendill]

heuuu j'avais jamais vu la doc adobe mais elle est un peu pourri ya pas d'exemple et je suis pas trop sûr de ce que fait la fonction mdrrrr ^^

Je vais jeter un oeil sur google

[Elendill]

Ok je vois mais le problème le plus important c'est comment j'exécute mes transformations avec les addEventListener.
C'est avant tout ça qui m'empêche d'avancer j'arrive pas à faire exécuter mes fonctions au survol de la souris...

[Madfrix]

Bonsoir,

tu ne peux pas passer d'arguments ici à over() et out() :

Code :

1
2
3
 
bouton_ps.addEventListener(MouseEvent.MOUSE_OVER, over(bouton_ps) );
bouton_ps.addEventListener(MouseEvent.MOUSE_OUT, out(bouton_ps) );

il s'agit non pas d'appel de fonction mais de référence de fonction. Teste ceci :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function over(event:MouseEvent){
        var btn:Button = event.target as Button;
 
	if(btn.height < 40)
	{
		btn.width + = 2;
		btn.height + = 2;
 
		var timerSynchro:Timer = new Timer( 500, 1) ;
		timerSynchro.addEventListener( TimerEvent.TIMER, over) ;
		timerSynchro.start();
	}
 
}
 
 
bouton_ps.addEventListener(MouseEvent.MOUSE_OVER, over);
bouton_ps.addEventListener(MouseEvent.MOUSE_OUT, out);

[Elendill]

Ca fonctionne toujours pas

[Madfrix]

Montre ton code stp

[Elendill]

Exactement celui que t'as remis au dessus j'ai effacer tout le reste qui fonctionnait pas

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 
function over(event:MouseEvent){
        var btn:Button = event.target as Button;
 
	if(btn.height < 40)
	{
		btn.width + = 2;
		btn.height + = 2;
 
		var timerSynchro:Timer = new Timer( 500, 1) ;
		timerSynchro.addEventListener( TimerEvent.TIMER, over) ;
		timerSynchro.start();
	}
 
}
 
 
bouton_ps.addEventListener(MouseEvent.MOUSE_OVER, over);
bouton_ps.addEventListener(MouseEvent.MOUSE_OUT, out);

[IP-Fix]

Le plus simple pour ce genre d effet est de passer par une lib de tween comme TweenLite ou eaze qui sont des librairies gratuite et tres efficace :
http://www.greensock.com/tweenlite/

tu copie la lib dans ton dossier et ensuite :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import com.greensock.*;
 
function onRollOver(e:Event) {
        var btn:Button = e.target as Button;
	TweenLite.to(btn,.25,{scaleX:1.2,scaleY:1.2});
}
 
function onRollOut(e:Event) {
        var btn:Button = e.target as Button;
	TweenLite.to(btn,.25,{scaleX:1,scaleY:1});
}
 
bouton_ps.addEventListener(MouseEvent.MOUSE_OVER, onRollOver);
bouton_ps.addEventListener(MouseEvent.MOUSE_OUT, onRollOut);

les exemple sur le site de tweenlite sont tres parlant et il te genere le code suivant les effets que tu veux.

Bon tweens =)

[Elendill]

Merci beaucoup mais mon problème doit venir d'autre part parce que rien ne marche...

Je récapitule.

- J'ai un calque "ActionScript" dans lequel je mets tout mon code

- Ensuite j'ai un calque par bouton, nommé "bouton_xx"

- Dans chacun de ces calques bouton, j'ai un bouton qui est en fait une image converti en symbole type "bouton"

A ce moment je peux "exporter pour actionscript"... J'ai essayer avec et sans et ca ne marche pas...


J'ai meme essayer ca :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
function over(event:MouseEvent){
 
	bouton_ps.visible = false;
}
 
function out(event:MouseEvent){
	bouton_ps.visible = true;
}
 
bouton_ps.addEventListener(MouseEvent.MOUSE_OVER, over);
bouton_ps.addEventListener(MouseEvent.MOUSE_OUT, out);

[IP-Fix]

oublie la conversion de l image en type boutton , elle sert a rien.

Tu export comment ?

Tu export quoi ?

[Elendill]

Oublier la conversion de l'image en bouton ??? Mais je suis obligé si je veux pouvoir cliquer dessus ... non ?

Exporter ??? heuuu ba je visualise un apercu en flash ... C'était ça la question ?

[Madfrix]

Envoyé par Elendill

J'ai meme essayer ca :

Code :

tu as bien importé la classe MouseEvent dans ton projet ?

[Elendill]

non ... :$

mais ca marche toujours pas ...
c'est bien import flash.events.MouseEvent; ?

[Madfrix]

Code :

1
2
 
import flash.events.MouseEvent;

Il n'y a pas de raison que cela fonctionne pas. Tu as une erreur ?

[Elendill]

Non aucune erreur j'ai juste mon bouton qui ne réagit pas...
Je pourrais utiliser les actions simples mais c'est moche et faut le faire a chaque bouton donc je voudrais vraiment m'en sortir avec ça

[Madfrix]

Commentes tout sauf ces quelques instructions et cela devrait marcher. Ensuite décommentes progressivement jusqu'à ce que cela marche pas. Tu dois avoir un erreur autre part qui fait foirer tes événements

[Elendill]

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import flash.events.MouseEvent;
 
 
function over(event:MouseEvent){
        var btn:Button = event.target as Button;
 
	if(btn.height < 40)
	{
		btn.width + = 2;
		btn.height + = 2;
 
		var timerSynchro:Timer = new Timer( 500, 1) ;
		timerSynchro.addEventListener( TimerEvent.TIMER, over) ;
		timerSynchro.start();
	}
 
}
 
 
bouton_ps.addEventListener(MouseEvent.MOUSE_OVER, over);
bouton_ps.addEventListener(MouseEvent.MOUSE_OUT, out);

Séquence 1, Calque 'ActionScript', Image 1, ligne 9
1084 : Erreur de syntaxe : identifier est attendu devant assign.

ligne 9 : btn.width + = 2;

[Madfrix]

Teste ceci :

Code :

1
2
 
 var btn:Button = event.currentTarget as Button;

[Elendill]

meme erreur...