Discussion :

[Heaven_06]

Bonjour,

cela fait quelques jours que j'essaie de faire tourner une roue en fonction de la position de la souris lorsque celle-ci est enfoncée.

J'ai trouvé un code qui marche, mais j'ai un problème de saut. Je m'explique : lorsque je relache la souris puis que je veux à nouveau faire tourner ma roue, celle-ci retourne à sa position initiale avant d'entamer sa rotation. Or je voudrait qu'elle débute sa rotation a partir de sa position actuelle.

Pourtant j'ai créé une variable angleini, qui est calculée dès que l'on appuis sur la roue, pour éviter cet effet de saut.


Voici mon code :

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
# var angleini:Number; 
#  
# Roue.addEventListener(MouseEvent.MOUSE_DOWN, debutTourner);  
#  
#  
# function debutTourner(e:MouseEvent):void 
# {  
#     angleini  =  Math.atan2(mouseY - Roue.y, mouseX - Roue.x) * 180 / Math.PI; 
#     Roue.removeEventListener(MouseEvent.MOUSE_DOWN, debutTourner);  
#     stage.addEventListener(MouseEvent.MOUSE_UP, finTourner);  
#     Roue.addEventListener(MouseEvent.MOUSE_MOVE, tourner);  
# }  
#   
#   
# function finTourner(e:MouseEvent):void  
# {  
#    Roue.addEventListener(MouseEvent.MOUSE_DOWN, debutTourner);  
#    stage.removeEventListener(MouseEvent.MOUSE_UP, finTourner);  
#  Roue.removeEventListener(MouseEvent.MOUSE_MOVE, tourner);  
# }  
#   
# function tourner(e:Event):void  
# {  
#    
#     var angle:Number = Math.atan2(mouseY - Roue.y, mouseX - Roue.x) * 180 / Math.PI;  
#     Roue.rotation = angle-angleini;  
# }

Merci beaucoup

[Krusti]

Il semble préférable d'initialiser angleini à 0 au moment de la déclaration de la variable. Ensuite cette ligne là ...

Code :

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

angleini  =  Math.atan2(mouseY - Roue.y, mouseX - Roue.x) * 180 / Math.PI;

dans la function debutTourner est en trop...
Enfin je crois.

[Heaven_06]

Si je mets angleini=0 et que je suprime la ligne de code en qustion, cette variable ne sert plus a grand chose vu qu'elle est retranchée à l'angle de rotation.

Normalement, elle devrait servir à éviter que la roue ne s'aligne avec la souris dès que l'on click.

C'est bien le cas la première fois, mais des que l'on reclic, l'angleinitial ne semble pas etre recalculé, et la roue saute.


Je joint mon fichier car je ne suis pas sure que mes explications soient claires.


(Je sais que ma classe n'est pas jolie, mais j'ai pas réussit à écrire une boucle donc j'ai fait plein de copier coller)

[Krusti]

La piste que je t'ai proposé corrige le pb que j'avais constaté et que tu expliques bien ici.

Je m'explique : lorsque je relache la souris puis que je veux à nouveau faire tourner ma roue, celle-ci retourne à sa position initiale avant d'entamer sa rotation. Or je voudrait qu'elle débute sa rotation a partir de sa position actuelle.

et en effet il en ressort que la variable angleini, de mon point de vue ne sert à rien..... En la plaçant à 0 je changeais peu le code mais on peut et donc on devrait la supprimer et modifier le code ou on la retranche d'angle.

Et ça marche (je l'ai testé) c'est à dire que la roue ne retourne pas à son positionnement initial à partir du deuxième click et démarre sa rotation à partir de sa dernière position immobile...

Mais je me demande aussi maintenant si on parle de la même chose ...
aussi je consulterai ton fichier Rar dans la journée de demain si tu n'as pas d'autres pistes d'ici là...

[Heaven_06]

Ah merci, c'est sympa de se pencher sur mon problème

Parce que j'ai enlever angleini pour voir, et ca ne marche pas chez moi...

Peut etre ai je mis les instructions dans un mauvais ordre...

[Krusti]

Il y a plusieurs sources de problèmes, ceci posé je confirme la première piste.

1° dans le fichier RAR le code n'est pas à l'identique du code fourni au début du post (positionnement des écouteurs d'événements sur Stage ou bien sur le clip).
Dans le code que je te propose je repars sur celui du début du post que j'avais déjà modifié et testé.

2° ton clip roue est tout sauf une roue, je veux dire qu'il n'est pas centré, ton essieu n'étant pas au milieu, un tour n'est jamais "rond" et ton mouvement devient elliptique.

En plaçant un clip "roue" (mais bien centrée via ctrl K) et en utilisant ce code ça le fait.

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
//
// Mettre le pointeur en forme de main au survol du clip Roue et positionnement d'un ecouteur
//
Roue.buttonMode=true;
Roue.addEventListener(MouseEvent.MOUSE_DOWN, debutTourner); 
 
//
// functions de mouvement
//
function debutTourner(e:MouseEvent):void
{ 
 	Roue.removeEventListener(MouseEvent.MOUSE_DOWN, debutTourner); 
    	//angleini  =  Math.atan2(mouseY - Roue.y, mouseX - Roue.x) * 180 / Math.PI;
	stage.addEventListener(MouseEvent.MOUSE_UP, finTourner); 
    	Roue.addEventListener(MouseEvent.MOUSE_MOVE, tourner); 
} 
 
function finTourner(e:MouseEvent):void 
{ 
  	Roue.addEventListener(MouseEvent.MOUSE_DOWN, debutTourner); 
   	stage.removeEventListener(MouseEvent.MOUSE_UP, finTourner); 
 	Roue.removeEventListener(MouseEvent.MOUSE_MOVE, tourner);
} 
 
function tourner(e:Event):void 
{ 
	var angle:Number = Math.atan2(mouseY - Roue.y, mouseX - Roue.x) * 180 / Math.PI; 
	Roue.rotation = angle;
}

[Heaven_06]

Oh merci!!

Je pensais pas que bien centrer la roue pouvait autant changer l'effet!! (vu qu'il y a des pics qui dépassent, c'est pas très rond)





Bon bah je m'attaque à la suite ^^