Définir une zone réactive non-rectangulaire à partir de xmouse et ymouse c'estRésolu

Question

Salut, Pour les besoins d'une animation spécifique, j'essaye de créer une zone réactive qui ne soit pas rectangulaire! Ce qui me pose problème, c'est que je ne peux absolument pas utiliser un bouton pour la créer (ça me pose un tas de problème d'interaction avec les boutons qui interviennent au dessus de la zone réactive). J'ai donc pensé à utiliser xmouse et ymouse dans un onMouseMove et à placer plusieurs zones réactives de ce type à des tailles différentes les unes à côté des autres pour recréer ma forme mais ça ne convient pas car ma zone réactive possède un grand bord arrondi. A moins de créer de très fines zones réactives les unes en dessous des autres, ce qui risque d'être un peu tarabiscotté, je ne vois pas comment appliquer cette méthode, qui se défini sous ce code: //crée un objet d'ecoute ecoute = new Object(); //si la souris bouge ecoute.onMouseMove = function() { //on compare les coordonnés de la souris à la zone qu'on desire rendre "sensible" if (_xmouse>limitXmini & _xmouselimitYmini& _ymouse

slagt · Accepted Answer

onMouseMove = function ()

{

    if (zonereactive.hitTest (_xmouse, _ymouse, true))

        clip_container.gotoAndStop (1);

}

^^

_benjy · Answer

Salut

tu peux toujours mettre un
clip avec _alpha &#224; 0 au dessus de tt les autres qui te servira de
bouton ... et tu peux lui donner la forme que tu veux



si tu souhaite vraiment jouer avec les coordonn&#233;es, va te falloir une
matric repr&#233;sentant les coordon&#233;es sensibles et parcourir la marice
pour savoir si t'es en zone reactive ou non

ca risque d'etre tres lourd a g&#233;r&#233; surtout jsute pour un bouton :)

++


Flash sans Limites
_Benjy  chez kOlapsis

 merci de penser a accepter

Gizmil · Answer

Je viens d'essayer malheureusement quand j'utilise un clip-alpha 0, les boutons se situant en dessous de celui-ci ne fonctionnent plus!

_benjy · Answer

Salut

ben oui si t'as des boutons dessous et met une action sur le clip les bouton de dessous sont inactif c normal

et les zones actives de bontons sufficent pas ?

Flash sans Limites
_Benjy  chez kOlapsis

 merci de penser a accepter

cs_goldenboy68 · Answer

Change pour des clips &#224; la place des boutons! Comme &#231;a, au survol de ta zone r&#233;active tu pourras changer l'&#233;tat:



zoneReactive.onRollOver=function(){

    clipBoutonEnDessous.gotoAndStop(2);

}

zoneReactive.onRollOut=function(){

    clipBoutonEnDessous.gotoAndStop(1);

}

zoneReactive.onReleaseOutside=function(){


    clipBoutonEnDessous.gotoAndStop(1);


}



Ca devrait faire l'affaire!



@+! Samy

cs_goldenboy68 · Answer

Ouais...c'est vrai que le plus simple c'est de faire une zone direct
dans le bouton! Elle peut &#234;tre diff&#233;rente de la forme de ton bouton!

Gizmil · Answer

Ben non, sinon ce serait tout simple! En fait, concr&#232;tement, j'aimerais cr&#233;er une zone de mon interface qui soit fig&#233;e et inactive quand la souris en est &#233;loign&#233;e et qui s'active quand la souris s'en approche et donc mon id&#233;e &#233;tait de cr&#233;er une plage de couleur qui s'illumine sous mes boutons lorsqu'on la survole et par la m&#234;me occasion, d&#233;clanche aussi l'illumination de mes boutons.

Gizmil · Answer

Oups, je r&#233;pondais &#224; Benjy!

Oui, changer mes boutons en clip, c'est ce qu'on m'a conseill&#233; aussi ailleurs et je crois que c'est ce que je vais faire mais bon, &#231;a veut dire aussi que je suis bon pour tout modifier surtout que mes boutons sont relativement complexes!

cs_goldenboy68 · Answer

La solution des clips te permet d'illuminer plusieurs "clip-boutons" &#224;
la fois. Pour faire un truc progressif, je vois bien un onEnterFrame
qui fasse la diff&#233;rence (pointR&#233;f&#233;rence-positionSouris) mais bon...&#231;a
c'est juste une p'tite id&#233;e en passant!



@+! Samy

cs_goldenboy68 · Answer

Pas forc&#233;ment, tu vas dans propri&#233;t&#233;s, tu changes bouton par clip et tu peux reprendre les images de tes boutons sans probl&#232;me



Rq: tu peux faire un gotoAndPlay() aussi...si tu veux animer tes boutons et pas te limiter &#224; 2 &#233;tats fig&#233;s.

_benjy · Answer

Salut

BIEN SUR QUE SI LA FORME DE LA ZONE ACTIVE PEU ETRE DIFFERENTE DE LA FORME DU BOUTON

c'est justement l'interret de la zone active

Flash sans Limites
_Benjy  chez kOlapsis

 merci de penser a accepter

_benjy · Answer

Salut

goldenboy > oki pour le
changement de type dans le panneau de propriete mais faut pas oublier
de le changer le type aussi dans la bibliotheque ...

ct juste pour infos :)

Flash sans Limites
_Benjy  chez kOlapsis

 merci de penser a accepter

_benjy · Answer

Salut

j'avais pas capt&#233; un truc 

tu veux activer des boutons qui sont SOUS une zone active ?? c'est bien ca en fait ?

quel est l'interret ? car t boutons vont pas se cliquer tt seuls si la sourie est pas dessus (loin de ta zone active)


Flash sans Limites
_Benjy  chez kOlapsis

 merci de penser a accepter

Gizmil · Answer

Je veux que ma zone reactive lance un gotoAndPlay(); vers un clip-container dans lequel sont mes boutons!

Donc:

_root.zonereactive.onRollOver=function(){
   _root.clip_container.gotoAndSto(1);
}

Dans le clip-container, de la frame 1 &#224; 10, on a une interpolation qui am&#232;ne progressivement l'illumination des boutons, lesquels se situent sur la frame 10 de mon clip-container!

Gizmil · Answer

Je voulais dire:

_root.zonereactive.onRollOver=function(){
   _root.clip_container.gotoAndPlay(1);
}

Dans le clip-container, de la frame 1 &#224; 10, on a une interpolation qui am&#232;ne progressivement l'illumination des boutons, lesquels se situent sur la frame 10 de mon clip-container!

_benjy · Answer

Salut

ah ok j'avais mal suivit alors ...

en effet comme dis slagt, le hitTest devrai fonctionn&#233; nikel pour ce que tu veux faire ...

++

Flash sans Limites
_Benjy  chez kOlapsis

 merci de penser a accepter

Gizmil · Answer

D'apr&#232;s ce que me propose Slagt et d'apr&#232;s ce que je lis sur la m&#233;thode hitTest:

MovieClip.hitTest(x, y, typeForme)

Ca signifie que je dois entrer les coordonn&#233;es d'une zone dans laquelle mon clip/zone reactive et les boutons entrent en collision? Comme je le comprend, dans cette zone, Flash va d&#233;tecter les risques de probl&#232;mes li&#233;s &#224; la collision et va permettre que les actions soit jou&#233;es sur les 2 objets (bouton et clip) malgr&#233; tout?

_benjy · Answer

Salut

oui et non c pas tt a fait ca

hitTest permet de virifier si 2 clips se touchent ou si un clip "touche" une delimitation 

si tu fait un clip zone active (transparent), tu peux savoir si la sourie est dessus (le touche) via

zoneSensible.hitTest(_xmouse, _ymouse);

si ce hitTest te renvois vrai (true) c'est que ta sourie est au bon endroit pour activer tes boutons

onMouseMove = function(){

    if (zone.hitTest(_xmouse,_ymouse,true) and clipanimbouton._currentframe == 1){

        clipanimbouton.play();

    }

}

je test aussi si ton anim sur le bouton est lanc&#233; car si elle est lancer, il faut pas la relanc&#233; des que la sourie bouge

++

Flash sans Limites
_Benjy  chez kOlapsis

 merci de penser a accepter

Gizmil · Answer

Argh! Ouais mais non, je comprend pas &#224; quoi &#231;a me sert le hitTest! 

onMouseMove = function ()
{
    if (zonereactive.hitTest (_xmouse, _ymouse, true))
       clip_container.gotoAndStop (1);
}

Si j'interp&#232;te correctement (mais je n'en suis pas s&#251;r) le code de Slagt, &#231;a signifie:

Lorsque je bouge la souris, si une collision a &#233;t&#233; d&#233;tect&#233;e sur la zone r&#233;active, alors le clip container va &#224; la frame 1.

A quoi &#231;a me sert? Je rappelle que j'ai besoin de pouvoir cliquer sur mes boutons sans que la collision par la zone r&#233;active (clip) n'interf&#232;re sur leur fonctionnement. Je ne vois pas bien en quoi &#231;a m'aide de pouvoir d&#233;tecter cette collision! Ou alors, j'ai rien compris, ce qui est possible aussi!

Gizmil · Answer

Oups! D&#233;sol&#233; Benjy, j'ai mis le post ci-dessus sans voir le tient!

_benjy · Answer

Salut

d&#233;sol&#233; de te le dire, mais t'as pas capt&#233;

hitTest te permet de savoi si 2 clips se touchent

ou si un clip est a une possition donn&#233;e (ce qui t'interrese toi car
qu'un clip soit a une position ou qu'un position (la sourie) soit sur
un clip c pareil)

donc si 

zoneReactive.hitTest(_xmouse,_ymouse,true)

signifie 

est ce que la sourie touche la forme exacte du clip zoneReactive

mais ce n'est pas un on(..) donc n'interfera pas avec les action sur tes boutons

Flash sans Limites
_Benjy  chez kOlapsis

 merci de penser a accepter

Gizmil · Answer

Okkk, je crois avoir compris! Je vais essayer!

Gizmil · Answer

Ca ne marche pas et ce coup-ci, je vois pas trop pourquoi! Qu&#233; casse-t&#234;te! En fait &#231;a &#224; l'aire de tenir compte du code parce que mon interaction de souris avec le clip lance le clip mais pas comme il faudrait! Ca s'allume et s'&#233;teind seulement quand je passe du  rollOver vers le rollOut et jamais quand je passe du rollOut vers le rollOver! De toute fa&#231;on, j'ai &#233;t&#233; suffisamment aid&#233;, je vais cliquer sur "r&#233;ponse accept&#233;e" et essayer de trouver moi-m&#234;me d'o&#249; vient ce nouveau probl&#232;me!

Gizmil · Answer

Ok, &#231;a marche! H&#233;h&#233;&#233;h! 

Et si je veux lancer une action lorsque la souris n'est plus au dessus du clip, je fais comment? Je devrais peut-&#234;tre essayer de trouver la r&#233;ponse par moi-m&#234;me mais j'ai un peu de mal avec l'actionscript!

Si le rollOver se d&#233;finit par un zoneReactive.hitTest(_xmouse,_ymouse,true)   &#233;gal &#224; true, je suppose qu'un &#233;tat "hors de la zone", se d&#233;fint par false!

Seulement, je ne sais pas comment je peux r&#233;cup&#233;rer la valeur false et l'utiliser! Oserais-je encore demander un petit coup de main?

cs_goldenboy68 · Answer

Pour faire un test, tu fais:



 if (zonereactive.hitTest (_xmouse, _ymouse, true))



&#233;quivalent &#224;:



 if (zonereactive.hitTest (_xmouse, _ymouse, true)==true)



pour tester que c'est faux:



 if (zonereactive.hitTest (_xmouse, _ymouse, true)==false)



ou



 if (!zonereactive.hitTest (_xmouse, _ymouse, true))



Voil&#224;...



@+! Samy

Gizmil · Answer

Bon, ok! Merci!

Y a juste un petit probl&#232;me, c'est que Flash r&#233;initialise la fonction chaque fois que je bouge la souris au dessus de ma zone reactive! Du coup, le clip de ma zone n'arr&#234;te pas de passer d'une frame &#224; l'autre.

cs_goldenboy68 · Answer

Utilise la condition suppl&#233;mentaire que t'a donn&#233; benjy (
_currentframe==1) et ajoute un stop() sur la derni&#232;re image du clip
"zone r&#233;active" Tu feras repass&#233; &#224; l'image 1 quand hitTest ==false



@+! Samy

Gizmil · Answer

Impec, &#231;a marche au poil! 

Bon ben merci &#224; tt le monde, &#231;a m'a bien aid&#233;!

Encore un dernier truc: j'ai l'impression que j'ai un petit probl&#232;me de rafraichissement d'&#233;cran &#224; l'endroit de ma zone! C'est normal, &#231;a?

cs_goldenboy68 · Answer

Dur de r&#233;pondre sans avoir vu...tu peux mettre l'anim en ligne?

Gizmil · Answer

Oui mais je crois que je vais cr&#233;er un nouveau sujet pour &#231;a parce que sinon, &#231;a va faire un post &#224; rallonges!

Définir une zone réactive non-rectangulaire à partir de xmouse et ymouse > c'est

30 réponses

Votre réponse