begin process at 2012 05 27 20:06:01
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Flash / Flash MX

 > 

Multimédia

 > 

Animation

 > 

Sens animation en fonction sens souris au survol


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Sens animation en fonction sens souris au survol

vendredi 3 octobre 2008 à 22:24:50 | Sens animation en fonction sens souris au survol

keyser94

Bonsoir,

Je me décide à poser ma question après plusieurs recherches sur le net et sur le site sans succès.
Je suis débutant en flash et surtout en action script.
Je suis sur CS3 en action script v2

Mon problème est le suivant
J'ai un clip contenant un objet qui bascule (comme si il était accoché par en haut) au survol de la souris
Et je souhaiterais qu'en fonction du sens de la souris au moment du survol du clip
Le clip bascule dans le meme sens (par exple vers la gauche) pour qu'ensuite il se remette en position.
Ce clip sera ensuite répété plusieurs fois pour créer un menu.

Je sais comment basculé le clip d'un coté ou d'un autre.
Mais je pense qu'il me manque un bout de code qui serait du style
on(mouseover){
   if (sens=gauche) gotoAndPlay(1); //animatin vers la gauche
   if (sens=droit) gotoAndPlay(10); //animation vers la droite
}

Voilà, J'espère avoir été clair.
Merci pour votre aide ou toutes infos qui pourra m'aider
car pour l'instant mon anim va toujours dans le meme sens et c'est pas très joli

Keyser

vendredi 3 octobre 2008 à 23:12:46 | Re : Sens animation en fonction sens souris au survol

on_drag_on

Membre Club
Réponse acceptée !
Salut,
Il faut utiliser un objet écouteur.
Pour t'expliquer le principe (après tu adaptes selon tes besoins):
Admettons que tu as un clip au milieu de la scène nommé: clip
La scène dans cet exemple fait 500px de largeur.

var mouseListener:Object = new Object();
mouseListener.onMouseMove = function() {
   if (_xmouse<250) {
       clip._x++;
   }
   else {
       clip._x--;
   }
};
Mouse.addListener(mouseListener);


@+.
telov.ch

samedi 4 octobre 2008 à 12:21:16 | Re : Sens animation en fonction sens souris au survol

keyser94

Merci beaucoup
tu m'a mis qur la voie
Voilà ce que j'ai fait :
on(rollOver){
var mouseListener:Object = new Object();
mouseListener.onMouseMove = function() {
   if (_xmouse>90 && _xmouse<137) {
       clip._x++;
    gotoAndPlay(2);
   }
   else if (_xmouse>137 && _xmouse<185) {
       clip._x--;
    gotoAndPlay(22);
   }
};
Mouse.addListener(mouseListener);
}

J'ai uploader mon fichier pour mieux comprendre
[ Lien ]

1ère question :
à quoi sert clip._x--; & clip._x++; ?

2eme question :
Cela semble plus ou moins fonctionner mais le plus génant est que ça fonctionne meme quand la souris est en dehors du clip
Il faut certainement que je fix y ?

Merci en tout cas pour ton code

samedi 4 octobre 2008 à 18:57:41 | Re : Sens animation en fonction sens souris au survol

on_drag_on

Membre Club
Réponse acceptée !
clip._x++;
// Signifie simplement que je donne l'instruction au clip de bouger sur x (->) à chaque fois que l'écouteur de la fonction onMouseMove est activé
clip._x--;
// C'est l'inverse (<-)

Mais toi tu n'en as pas besoin vu que ton instruction à toi c'est de dire au clip gotoAndPlay(2).
C'était juste pour l'exemple ;)
D'ailleurs vu que ton interpolation ne sert qu'à une rotation du clip, à la place moi je ferais
clip._rotation += 10; // Par exemple...

Et pour continuer mon exemple en rapport avec ta question n°2, si tu lui mets une instruction sur le rollOver, il faut également lui dire ce qu'il doit faire sur le rollOut !! Logique.

Je précise que dans mon exemple les objets sont dirigés depuis la scène principale et non dans le clip, il faut donc mettre ton code dans Action-Image et non Action-Clip.

Pour continuer mon exemple en rapprt avec ce que tu veux faire, on imagine toujours qu'on a un clip sur la scène que l'on nomme : clip (Fenêtre->Propriétés_>Occurrence de:) :

var pos = clip._width/2;
// On donne une variable position qui est égale au clip divisé par 2

var mouseListener:Object = new Object();
// On crée un objet écouteur qui écoutera les évènements de la souris

mouseListener.onMouseMove = function() {
// On donne une fonction que l'on activera lors d'un évènement de la souris

    clip.onRollOver = function () {
// Lors d'un évènement de la souris on donne une fonction à activé lorsqu'on pointe sur le clip
       
   if (clip._xmouse<pos) {
// On donne une condition: Si _xmouse est plus petit que notre variable position dont la valeur est donnée plus haut

       onEnterFrame =function() {
// On crée une boucle (ça sert juste à répéter l'action de bouger sur x tant que la condition est reconnue)
// Dans le cas de ton interpolation tu n'en as pas besoin

       clip._x++;
// ça j'ai expliquer plus haut
           }
   }
   else {
       onEnterFrame =function() {
       clip._x--;
               }
           }
    }
};
Mouse.addListener(mouseListener);
clip.onRollOut = function () {
// Si la souris ne pointe plus sur le clip
    delete onEnterFrame;
// Alors je vire ma boucle pour éviter qu'elle continue de tourner pour rien
// Mais toi tu peux donner l'instruction que tu veux
}

Est-ce clair?

@+.
telov.ch

samedi 4 octobre 2008 à 19:01:42 | Re : Sens animation en fonction sens souris au survol

on_drag_on

Membre Club
Edit:

var pos = clip._width/2;
// On donne une variable position qui est égale à la largeur clip divisé par 2


@+.
telov.ch

lundi 6 octobre 2008 à 11:59:48 | Re : Sens animation en fonction sens souris au survol

keyser94

Merci beaucoup pour ton aide et tes conseils
Cela semble bien fonctionné


Cette discussion est classée dans : fonction, animation, clip, sens, survol


Répondre à ce message

Sujets en rapport avec ce message

Animation dans bouton [ par prao ] Salut,j'ai fait un bouton, et un clip que j'ai inséré sur "dessus" dudit bouton. Et j'aimerais que lorsqu'on ne survole plus ce bouton, l'animation se urgent!! 2 actions dans 1 fonction [ par sniper43 ] dites moi...sous flash en ActionScript, comment faire pour que:-quand tu press un bouton, il aille rechercher la valeur d'1 variable en fonction de la Pb avec sortie de Clip [ par Greystal ] Salut !J'ai une animation simple, mais qui me prend la tête au possible !Mon animation se lit, et arrive sur un clip. A l'endroit du Clip, j'ai mis un inverser le sens de deroulement d'un clip au survol d'un bouton [ par larach ] bonjour à tous, je voudrais inverser le sens d'un clip(galerie d'images) au survol d'un bouton, sur mon 1er bout, il va ds le sens normal:on (rollOver Clip, Preload, SWF, qui se charge réellement [ par tiburce ] Bonjour à tous,Je viens ici un peu en Béotien, même si j'utilise Flash depuis quelques années. Tout s'est compliqué quand j'ai voulu faire preuve... d Lire une animation en sens inverse [ par lolotte2304 ] Je cherche a faire une animation sous flash de points qui apparaissent les un derrieres les autres puis disparaissent.Je voudrais juste savoir s'il es fonction sur un clip dupliqué !! [ par djagger ] N'cha !!! voici mon pb : Je duplique un clip x fois , et je voudrais affecter une fonction a chaque clip dupliqué : voici mon code : for(blablabla) { probleme avec la fonction GotoAndStop [ par hellosct1 ] bonjour a tousje vais faire un résuméj'ai fait une animation sous Flash MX avec 2 sequences (= 2 scenes)la premiere sequence est l'animation, et des q Changer clip en fonction de la date [ par caroel ] Bonjour tout le monde !Je débute avec actionscript et il y a un truc que je pige pas...Je voudrais mettre un clip différent (de la bibliothèque) sur l [débutant] utiliser une fonction sur plusieurs clips en même temps [ par tcharlss ] Bonjour, je suis un débutant en actionscript alors excusez le langage profane...Voilà, je suis en train de réaliser un book en flash (pour trouver du


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,343 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales