Pointe de flèche sur un flash permettant de dessiner

Version imprimable

08/02/2016, 00h50
guietfa

Pointe de flèche sur un flash permettant de dessiner

Bonjour
J'ai réalisé un flash qui permet aux utilisateurs de dessiner. Mon problème est le suivant : lorsque la souris est enfoncée, c'est le début de mon trait. l'utilisateur dessine alors puis il relâche la souris pour arrêter le trait. Comment faire pour qu'une pointe de flèche apparaisse au bout du trait lorsque la souris est lâchée? ou mieux encore, est-il possible que la pointe de flèche suive le mouvement de la souris lorsque le trait est en train de grandir?
Merci pour votre aise!
Guietfa

1 pièce(s) jointe(s)

Salut, j'ai la solution en as3 mais pas en as2...

tu peux toujours adapter cette fonction as3 que j'avais faite en m'inspirant d'un code source en pascal...

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
33
34
 
		private function Fleche(x1:Number, y1:Number, x2:Number, y2:Number, effacer:Boolean, cancan:Graphics):void
		{
			var Norme:Number;
			var cX:Number;
			var cY:Number;
			var Arrow:Array = new Array();
 
			const ALength:Number = 10; //
			const AWidth:Number = 7; //longueur et largeur de la pointe
 
			Norme = Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
 
			if (Norme == 0)
				return;
			cX = (x2 - x1) / Norme;
			cY = (y2 - y1) / Norme;
			Arrow[0] = new Point(x2 - cX * ALength + cY * AWidth, y2 - cY * ALength - cX * AWidth);
			Arrow[1] = new Point(x2 - cX * ALength - cY * AWidth, y2 - cY * ALength + cX * AWidth);
			Arrow[2] = new Point(x2, y2);
 
			with (cancan)
			{
				if (effacer)
					clear();
				beginFill(0);
				lineStyle(1, 0);
				moveTo(x1, y1);
				lineTo(x2, y2);
				for (var i:uint = 0; i < Arrow.length; i++)
					lineTo(Arrow[i].x, Arrow[i].y);
				endFill();
			}
		}

ci-joint le résultat.Pièce jointe 200414

Si tu as besoin d'explications, n'hésite pas.

10/02/2016, 11h14
guietfa

Merci beaucoup mais j'ai très peu de connaissances en as2 et aucune en as3...
J'ai tenté d'ouvrir ton swf mais j'ai le droit à une page blanche!
10/02/2016, 11h18
Archimède

Trace une flèche à la souris sur la page blanche...

@+
10/02/2016, 11h31
Archimède

Après, ce n'est pas bien difficile de l'adapter en as2...
graphics, c'est un canvas en as3. En as2, tu dessines directement sur un movieclip...
la différence n'est pas énorme et tout à fait surmontable.
10/02/2016, 11h42
guietfa

rien ne s'écrit sur ton swf. ou alors la flèche est en blanc?
10/02/2016, 11h46
Archimède

Tu te places sur la page, tu enfonces le bouton gauche de la souris, tu déplaces ta souris bouton gauche enfoncé et tu relâches.
mouseDown,mouseMove et mouseUp...
10/02/2016, 11h52
guietfa

Ouf, c'est bon ca fonctionne mais uniquement si j'ouvre sous mon navigateur. C'est super bien ce que tu me proposes!
Je dois cependant faire une croix dessus. L'adaptation en as2 me semble insurmontable!:(

1 pièce(s) jointe(s)

En modifiant un peu, tu as la flèche ordinaire :

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
 
		private function Fleche(x1:Number, y1:Number, x2:Number, y2:Number, effacer:Boolean, cancan:Graphics):void
		{
			var Norme:Number;
			var cX:Number;
			var cY:Number;
			var Arrow:Array = new Array();
 
			const ALength:Number = 10; //
			const AWidth:Number = 7; //longueur et largeur de la pointe
 
			Norme = Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
 
			if (Norme == 0)
				return;
			cX = (x2 - x1) / Norme;
			cY = (y2 - y1) / Norme;
			Arrow[0] = new Point(x2 - cX * ALength + cY * AWidth, y2 - cY * ALength - cX * AWidth);
			Arrow[1] = new Point(x2 - cX * ALength - cY * AWidth, y2 - cY * ALength + cX * AWidth);
 
			with (cancan)
			{
				if (effacer)
					clear();
				lineStyle(1, 0);
				moveTo(x1, y1);
				lineTo(x2, y2);
				lineTo(Arrow[0].x, Arrow[0].y);
				moveTo(x2, y2);
				lineTo(Arrow[1].x, Arrow[1].y);
			}
		}

Voici les messages d'erreur lorsque je dépose ce code:

**Erreur** Séquence = Séquence 1, calque = Calque 1, image = 1 :Ligne 1 : Attribut utilisé en dehors de la classe.
     private function Fleche(x1:Number, y1:Number, x2:Number, y2:Number, effacer:Boolean, cancan:Graphics)//:void

**Erreur** Séquence = Séquence 1, calque = Calque 1, image = 1 :Ligne 8 : Erreur de syntaxe.
     			const ALength:Number = 10; //

**Erreur** Séquence = Séquence 1, calque = Calque 1, image = 1 :Ligne 9 : Erreur de syntaxe.
     			const AWidth:Number = 7; //longueur et largeur de la pointe

Total des erreurs ActionScript : 3 	 Erreurs signalées : 3

Pour les deux dernières erreurs,rien de bien terrible, par contre la première, je ne comprends pas!

10/02/2016, 12h55
Archimède

déjà cancan:Graphics à remplacer par reference:MovieClip
et with(reference) au lieu de with(cancan) après tu vois par toi-même.
10/02/2016, 13h01
guietfa

Après avoir appliqué les modifications, l'erreur affichée reste exactement la même...
10/02/2016, 23h44
guietfa

Désolé de revenir à la charge mais je ne parviens pas à traduire ce code en as2. peut-on me donner un coup de main?
11/02/2016, 14h08
guietfa

il y a un truc que je ne comprends pas : comment les valeurs de x1 x2 y1 et y2 sont-elles renseignées?
11/02/2016, 14h50
Archimède

Ce sont tout simplement les coordonnées des deux extrémités de ta flèche...

@+