Discussion :

[gregooo]

Hello,

Voilà, j'aimerais réaliser l'effet suivant:
http://www.wireframe.co.za/w1r3d.html

j'ai dejà réussi à faire en sorte qu'un clip (un bête rond) suive mon curseur
avec un effet élastique... seuleument, j'aimerais, comme sur le lien que j'ai donné, que que ce clip soit un bouton, ou qu'il contienne un bouton... et que, lorsque je clique dessus, il aille se placer à un endroit définit.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
monClip.onEnterFrame = function() {
    if (monClip._x<=_xmouse) {
        monClip._x = monClip._x+(_xmouse-monClip._x+1)/10;
    } else {
        monClip._x = monClip._x-(monClip._x-_xmouse+1)/10;
    }
    if (monClip._y<=_ymouse) {
        monClip._y = monClip._y+(_ymouse-monClip._y+1)/10;
    } else {
        monClip._y = monClip._y-(monClip._y-_ymouse+1)/10;
    }
};

Merci pour votre talent et votre devouement!

[freegreg]

Salut,

pour le rendre cliquable, rajoutes :

Code :

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

1
2
3
4
5
6
7
monClip.onRelease = function() {
   // On arrete le fait qu'il suive le curseur
  delete this.onEnterFrame;
   // On va le placer  en 10, 10
  this._x = 10;
  this._y = 10;
}

[gregooo]

ah ben ça... je ne savais pas que l'on pouvait faire un onRelease à un clip!

Et pour corser un peu, sais-tu comment faire en sorte que le bouton aille lentement se ranger en 10*10?

Merci déjà en tous cas!

[freegreg]

Essaie un truc comme ça:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var _self = this;
monClip.onRelease = function() {
   // On arrete le fait qu'il suive le curseur
  delete this.onEnterFrame;
   // On va le placer  en 10, 10
   _self.deplaceTo(10,10,20);
}
 
function deplaceTo(nX_:Number, nY_:Number, nDuree_:Number) {
   new mx.transitions.Tween(monClip, "_x", mx.transitions.easing.None.easeNone, monClip._x, nX_, nDuree_);
   new mx.transitions.Tween(monClip, "_y", mx.transitions.easing.None.easeNone, monClip._y, nY_, nDuree_);
}

[gregooo]

eh beh... c'est la classe, y'a pas à dire!

Je vais de ce pas me documenter sur sur ces concepts de "mx", "easing", et "transition"...

...puis, je vais tenter de faire en sorte qu'une fois le bouton placé en 10*10,
il soit de nouveau cliquable. Ainsi, en cliquant dessus, il recommencerait à suivre mon curseur tjs comme dans l'exemple (que je trouve fort sympatique!)

Penses-tu que je dois jouer avec la ligne du temps, et trouver le moyen qu'une fois le bouton placé en 10*10, on soit sur la frame 2, puis, avec l'action onRelease (par exemple) on retourne à la frame 1 pour recommencer la fonction onEnterFrame de la frame 1?...

Merci pour tt ça!

[gregooo]

oui, bon, je viens d'essayer ça:

après la fonction "deplaceTo", j'ai donné l'instruction "gotoAndPlay (2);" + "stop();" et sur la frame 2, j'ai mis:

Code :

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

1
2
3
4
5
6
7
monClip.onEnterFrame = function() {
 
  this._x = 10;
  this._y = 10;
}
 
stop();

ça marche plus ou moin... seulement, le bouton ne se déplace plus "lentement" pour se mettre en 10*10 (il n'y a plus de transition) et, il tremblotte lorsqu'il est placé en 10*10 ...

[gregooo]

en fait, je devrais dire... Fais ton "deplaceTo" jusqu'en 10*10, puis gotoAndPLay (2)! ...Seulement, il fait les 2 en meme temps!

[freegreg]

Je sais plus trop si cela a évolué depuis Flash 8 et comme dans Flash mx2004, ces fonctions ne sont pas documentées je peux pas vérifier
Mais dans flash 8, tu as un evenement onMotionFinished qui permet d'éxécuter du code à la fin d'un tween.

Donc essaye :

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 mx.transitions.Tween;
 
var _self = this;
monClip.onRelease = function() {
   // On arrete le fait qu'il suive le curseur
  delete this.onEnterFrame;
   // On va le placer  en 10, 10
   _self.deplaceTo(10,10,20);
}
 
function deplaceTo(nX_:Number, nY_:Number, nDuree_:Number) {
   var tw:Tween = new Tween(monClip, "_x", mx.transitions.easing.None.easeNone, monClip._x, nX_, nDuree_);
   new Tween(monClip, "_y", mx.transitions.easing.None.easeNone, monClip._y, nY_, nDuree_);
 
  tw.onMotionFinished = function() {
      trace("Fin du Tween");
      monClip.onRelease = function() {
         trace("J'ai cliqué :P");
      }
   }
}

Sinon en règle générale, j'essaie d'éviter de jouer sur la timeline

[freegreg]

J'avais pas vu tes 2 dernières réponses, mais du coup je me demande si c'est ce que tu veux

Peux-tu expliquer à nouveau ce que tu veux faire ?

A quoi sert ?

Code :

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

1
2
3
4
5
 monClip.onEnterFrame = function() {
 
  this._x = 10;
  this._y = 10;
}

Ton clip doit déjà être en 10,10 après le tween, non ?
Bref je crois que j'ai pas tout compris

[gregooo]

c'est vrais ça! Pourquoi j'ai mis ce code là à la frame 2...?
J'ai du me lever trop tôt!

non, en fait, et pour être +- logique par rapport à mes précédententes questions, je voulais faire en sorte, qu'une fois arrivé à la frame 2, et avec l'évenement (onRelease), on puisse retourner à la frame 1... pour que le clip suive à nouveau le pointeur... donc ce serait plutôt:

Code :

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

1
2
3
4
monClip.onRelease = function() {
 gotoAndPlay (2);
}
stop();

Mais il me tarde d'essayer le code que tu viens de m'envoyer...

[gregooo]

domage... je crois que flash mx 2004 ne reconnait pas 'onMotionFinished'

[gregooo]

c'est bien ce que tu pensais... je crois que je vais donc télécharger la version d'évaluation de flash8 !

[freegreg]

C'est pas insurmontable

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
 
import mx.transitions.Tween;
 
var _self = this;
monClip.onRelease = function() {
   // On arrete le fait qu'il suive le curseur
  delete this.onEnterFrame;
   // On va le placer  en 10, 10
   _self.deplaceTo(10,10,20);
}
 
function deplaceTo(nX_:Number, nY_:Number, nDuree_:Number) {
   var tw:Tween = new Tween(monClip, "_x", mx.transitions.easing.None.easeNone, monClip._x, nX_, nDuree_);
   new Tween(monClip, "_y", mx.transitions.easing.None.easeNone, monClip._y, nY_, nDuree_);
 
   monClip.onEnterFrame = function() {
      if(this._x == nX_ && this._y == nY_) '
          delete this.onEnterFrame;
          this.onRelease = function() {
              trace("J'ai cliqué :P");
          }
      }
   }
}

[gregooo]

je viens d'essayer ton code (avec mon nouveau flash8!) ,

nickel, y 'a pas d'erreur, seuleument, une fois placé en 10*10, le bouton ne veux pas se remettre dans sa position initiale lorsque je clique dessus(cad, recommencer à suivre mon curseur)... et puis, je ne sais pas pourquoi (peut-être as-tu la meme chose...) le bouton tremblotte toujours lorsqu'il est en 10*10!

ps: j'ai l'affreuse impression que tu fais tout le boulôt à ma place... je crois que c'est parceque ça dois être le cas! N'empêche, j'essaye tant bien que mal de comprendre le code!

[freegreg]

je viens d'essayer ton code (avec mon nouveau flash8!) ,

nickel, y 'a pas d'erreur, seuleument, une fois placé en 10*10, le bouton ne veux pas se remettre dans sa position initiale lorsque je clique dessus(cad, recommencer à suivre mon curseur)...

Normal je lui dis juste de faire un trace pour que tu n'es pas l'impression du PS

et puis, je ne sais pas pourquoi (peut-être as-tu la meme chose...) le bouton tremblotte toujours lorsqu'il est en 10*10!

Ben je sais pas, je teste pas J'essaierai ce soir mais cela devrait pas

[gregooo]

ah ben oui... bien joué ça!

...donc, tu tappes le code sans même l'essayer?... aïe! j'ai mal à la tête rien que d'y peser

[freegreg]

ah ben oui... bien joué ça!

...donc, tu tappes le code sans même l'essayer?... aïe! j'ai mal à la tête rien que d'y peser

lol

Je viens de tester, non ca tremble pas chez moi

[gregooo]

Hello!

Ca y est! Il ne tremblotte plus... mon clip était en fait un bouton... je crois
que ceci explique celà!

Il n'empêche, je n'arrive toujours pas à avancer dans mon shmilblik... (pauvre de moi, je ne suis qu'un assisté! ) Jusqu'ici, mon clip se place bien en 10*10 lorsque je clique dessus... j'ai rajouté le code qui importe mon menu en meme temps que je clique dessus (sur le meme onRelease).
Le mieux serait en fait que mon menu soit importé ds un clip vide lorsque le clip arrive en 10*10... et non sur l'action onRelease, mais ça, déjà, je n'y arrive pas.

Ensuite, la cerise sur le gâteau serait que lorsque je re-clique dessus, le menu disparaisse et que le clip recommence à suivre mon curseur...

Exactement comme dans cet exemple d'ailleurs! http://www.wireframe.co.za/w1r3d.html

Je sens qu'une boucle serait idéale!

Pourrais-tu me mettre sur la voie?

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
33
34
35
36
37
38
39
40
 
monClip.onEnterFrame = function() {
	if (monClip._x<=_xmouse) {
		monClip._x = monClip._x+(_xmouse-monClip._x+1)/10;
	} else {
		monClip._x = monClip._x-(monClip._x-_xmouse+1)/10;
	}
	if (monClip._y<=_ymouse) {
		monClip._y = monClip._y+(_ymouse-monClip._y+1)/10;
	} else {
		monClip._y = monClip._y-(monClip._y-_ymouse+1)/10;
	}
};
 
import mx.transitions.Tween;
 
var _self = this;
monClip.onRelease = function() {
   // On arrete le fait qu'il suive le curseur
  delete this.onEnterFrame;
 
   // On va le placer  en 10, 10
   _self.deplaceTo(10,30,20);
}
 
function deplaceTo(nX_:Number, nY_:Number, nDuree_:Number) {
   var tw:Tween = new Tween(monClip, "_x", mx.transitions.easing.None.easeNone, monClip._x, nX_, nDuree_);
   new Tween(monClip, "_y", mx.transitions.easing.None.easeNone, monClip._y, nY_, nDuree_);
 
  tw.onMotionFinished = function() {
 
  }
   var cible_menu:MovieClip = this.createEmptyMovieClip( 'cible_menu', 2);
cible_menu.loadMovie("menu.swf");
cible_menu._x=270;
cible_menu._y=27;
 
  }
 
stop();