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]

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 ^^