AS3 onmouseover (Flash CS5)

**Elendill** · 21/01/2011, 16h58

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 :

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
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.** · 21/01/2011, 19h39

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** · 21/01/2011, 20h21

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** · 21/01/2011, 20h26

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** · 22/01/2011, 23h32

Bonsoir,

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

Code :

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

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 :

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
 
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** · 23/01/2011, 12h10

Ca fonctionne toujours pas

**Madfrix** · 23/01/2011, 12h26

Montre ton code stp

**Elendill** · 23/01/2011, 12h31

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

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
 
 
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** · 23/01/2011, 12h44

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 :

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

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** · 23/01/2011, 13h03

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 :

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

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** · 23/01/2011, 13h10

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

Tu export comment ?

Tu export quoi ?

**Elendill** · 23/01/2011, 13h16

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** · 23/01/2011, 13h23

Envoyé par Elendill

J'ai meme essayer ca :

Code :

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

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);

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

**Elendill** · 23/01/2011, 13h30

non ... :$

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

**Madfrix** · 23/01/2011, 13h31

Code :

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

1
2
 
import flash.events.MouseEvent;

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

**Elendill** · 23/01/2011, 13h34

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** · 23/01/2011, 13h40

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** · 23/01/2011, 14h03

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
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** · 23/01/2011, 14h06

Teste ceci :

Code :

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

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

**Elendill** · 23/01/2011, 14h08

meme erreur...

AS3 onmouseover (Flash CS5)

ActionScript 3

Discussions similaires

Partager

Partager