| | Menu avec fleche qui se met à coté du lien |    |
| | | Auteur | Message |
|---|
DrNaBl
modo
Inscrit le : 09 Juin 2006
Messages : 1869
|  Sujet: Menu avec fleche qui se met à coté du lien  Mar 13 Fév - 19:49 | |
| Il y a pas mal de gens qui se demande comment on peut faire un menu avec une flêche qui se déplace à coté du lien que l'on survole. Je me suis alors poser la question, et j'ai essayé trouver une manière à la fois simple à comprendre pour les nouveaux mais aussi avec un minimum de script possible. Voila ce que je suis arrivé à faire:
Bon assez de bavardage et place à l'action:
Attention: Vous devait préalablement avoir votre menu avec les liens à plusieurs états(normal, appuyé, survolé, inactif), si vous ne l'avez pas encore fait voici un tutorial pour le faire:ici
1)Alors on va commencer à nommer chacun de nos liens pour cela selectionnez votre lien puis en haut, à gauche de la barre des temps cliquez sur le bouton avec le nom de votre objet, qui par défaut est souvent:"sans_nom"avec un numéro. Une fenêtre s'ouvre et il ne vous reste plus qu'à modifier le nom de votre lien. Pour moi j'appelerai chacun de mes liens:"lien1", "lien2","lien3"... Faites de même si cela peut vous faciliter les choses,car dans la suite du tutorial j'utiliserai les noms lien1, lien2, lien3... donc vous devrez les remplacer si vous ne prenez pas les même noms par les votre.
2)Ensuite ajouter un groupe(objet>ajouter...>Un groupe) dans lequel vous allez ajouter votre image qui correspondra à la flêche qui se met à coté des liens(objet>ajouter...>Une image).
Nommez le groupe qui contient l'image, pour moi ca sera:"fleche". Comme tout à l'heure nommez comme moi si ca peut vous faciliter la tache.
3)On va maintenant encore ajouter un groupe(objet>ajouter...>Un groupe) dans lequel on va ajouter un rectangle transparent(objet>ajouter...>Un rectangle transparent). Puis retourner à l'écran principal, selectionner le groupe que l'on vient de créer et ajouter lui une action immédiate (vous verrez un long bouton orange sur lequel est écrit "l'objet déclenche l'action après un clic", cliquez dessus pour que le texte devient "l'objet déclenche l'action immédiatement au temps indiqué"). L'action sera un script donc cliquez sur le bouton programmer et mettez ce code:
| Code: | _root.pos_lien_survole=_root/lien1._y; |
Alors c'est simple, ce code dit on va placer la position verticale("._y") du lien1("_root/lien1", "_root/" qui veut dire dans le groupe principal) dans une variable "_root.pos_lien_survole" qui contiendra donc la position du lien que l'on survole ici en conséquent on l'a initialisé au lien1.
Note: Il ne faut pas oublier le point virgule ";" à la fin.
4)Maintenant on passe au plus dure, préparez vous c'est partie !!!
Alors rentrons dans le groupe qui contient le rectangle transparent, selectionnez ce rectangle puis ajouter lui une action immédiate,comme tout à l'heure, on veut mettre un script, qui est celui-ci:
| Code: | pos_fleche=_root/fleche._y;
if(pos_fleche<_root.pos_lien_survole)
{
pos_fleche=pos_fleche+10;
}
if(pos_fleche>_root.pos_lien_survole)
{
pos_fleche=pos_fleche-10;
}
_root/fleche._y=pos_fleche; |
Pas de panique  , on va décortiquer ce script. Alors "pos_fleche=_root/fleche._y" vous l'avez surement compris, ca veut dire placer la position verticale("._y") de la fleche("_root/fleche") dans une variable "pos_fleche". Jusqu'à là pas de problème, ensuite "if(pos_fleche<_root.pos_lien_survole)" signifie si("if") la postion de la fleche("pos_fleche") est plus petit que("<", vous avez surement reconnue ce signe ) "_root.pos_lien_survole" qui rappellez vous correspond à la position du lien que l'on survole . Mais qu'est-ce que ca veut dire concrètement si la position de la fleche est plus petite que celle du lien, est bien sachez que le coin en haut à gauche de votre animation est égale à 0,0, 0 horizontalement(c'est l' absisse, "x") et 0 verticalement(c'est l' ordonnée, "y") et le coin bas-droite est égale à la largeur, hauteur de votre animation, ce qui veut dire que plus l'objet est bas plus son ordonnée est élevé, plus il est à droite et plus son abcisse est élevé, certes ce n'est pas vraiment le but de ce tutorial de vous apprendre cela qui est assez compliqué, car si je veux en faire une explication vraiment complète et bien ca me prendrait du temps, mais c'est quand même mieux que vous compreniez ce que vous faisiez au lieu de faire un simple copie-coller de mon script . Bon passons, on ouvre ensuite l'accolade "{", dedans on va mettre ce qui se passe si "pos_fleche" est plus petit que "_root.pos_lien_survole" donc si la fleche est en .... haut du lien que l'on survol, alors si c'est vrai on va faire descendre la fleche de 10 pixel pour qu'elle se place à coté du lien que l'on survol("pos_y=pos_y+10;"), on referme ensuite l'accolade.
Si vous avez compris tous ca , alors BRAVO!!! Le reste sera du gateau.
| Code: | if(pos_fleche>_root.pos_lien_survole)
{
pos_fleche=pos_fleche-10;
} |
C'est juste le contraire de :
| Code: | if(pos_fleche<_root.pos_lien_survole)
{
pos_fleche=pos_fleche+10;
} |
On demande si la postion de la fleche est plus grande que celle du lien que l'on survol(donc en dessous du lien), alors on le fait monter de 10 pixels.
Et enfin on met à jour la postion de la fleche ("_root/fleche._y=pos_fleche;").
Appuyer sur OK, on a fini notre action, mais il ne faut pas oublier de laisser un temps en plus après l'animation du groupe, cliquer sur le temps 1 de la barre des temps, cela nous permet de répéter l'action continuellement, afin de mettre à jour les positions des éléments du menu, et de tester leur position.
4)Voila le plus dure est passé, maintenant il ne nous reste plus qu'à indiquer la position du lien que l'on survol, souvenez-vous, on l'avait juste initialisé à la position "y" du lien1. Il faut donc aller dans chacun de vos liens, dans l'état survolé mettre une action immédiate et une fois de plus ca sera un script:
| Code: | _root.pos_lien_survole=_root/lien(numéro du lien)._y; |
Exemple pour le lien1:
| Code: | _root.pos_lien_survole=_root/lien1._y; |
C'est tout simple, je me passe de commentaire .
Enfin c'est fini, on l'a fait, mais vous avez peut-être rencontrer un problème, alors n'hésitez pas à poser la question
PS: Ce tuto peut comporter des erreurs, je ne me suis pas encore relu 
_________________
http://infoprographiesimple.free.fr/ <--découvrez pleins de tuto,cours sur l'informatique, la programatio et le graphisme très prochainement.
Le forum d'InfoProGraphie Simple ouvre ses portes:
http://infoprographiesimple.free.fr/forums/
Dernière édition par le Jeu 15 Fév - 13:55, édité 4 fois |
|  | | Storm
nouvaux
Inscrit le : 26 Jan 2007
Messages : 14
| | Sujet: Re: Menu avec fleche qui se met à coté du lien Mar 13 Fév - 23:51 | |
| je pense que y'a un petit truc qui va pas, tu dis de mettre
_root.pos_lien_survole=_root/lien1._y;
en action directe sur ... le rectangle transparent ?
c'est pas sur le 1er lien qu'il faut mettre ca ? |
| | | | DrNaBl
modo
Inscrit le : 09 Juin 2006
Messages : 1869
| | Sujet: Re: Menu avec fleche qui se met à coté du lien Mer 14 Fév - 14:59 | |
| | Storm a écrit: | je pense que y'a un petit truc qui va pas, tu dis de mettre
_root.pos_lien_survole=_root/lien1._y;
en action directe sur ... le rectangle transparent ?
c'est pas sur le 1er lien qu'il faut mettre ca ? |
Oui tu le mettra dans le premier lien dans l'état survolé, voir 4). Mais au départ _root.pos_lien_survole ne contient aucune valeur donc c'est pour l'initialiser à la position du lien 1
_________________
http://infoprographiesimple.free.fr/ <--découvrez pleins de tuto,cours sur l'informatique, la programatio et le graphisme très prochainement.
Le forum d'InfoProGraphie Simple ouvre ses portes:
http://infoprographiesimple.free.fr/forums/ |
| | | | Rock Lee
modo
Inscrit le : 03 Mai 2006
Messages : 3523
| | Sujet: Re: Menu avec fleche qui se met à coté du lien Mer 14 Fév - 17:11 | |
|  trop bien jvais essayer 
Thanks DrNaBl
_________________
Salut Invité , combat ma brute LIEN  |
| | | | DrNaBl
modo
Inscrit le : 09 Juin 2006
Messages : 1869
| | Sujet: Re: Menu avec fleche qui se met à coté du lien Jeu 15 Fév - 13:56 | |
| | rock lee a écrit: | trop bien jvais essayer
Thanks DrNaBl |
De rien , mais j'espère que mon tuto sera clair et surtout qu'il ne comporte pas de problème 
_________________
http://infoprographiesimple.free.fr/ <--découvrez pleins de tuto,cours sur l'informatique, la programatio et le graphisme très prochainement.
Le forum d'InfoProGraphie Simple ouvre ses portes:
http://infoprographiesimple.free.fr/forums/ |
| | | | Rock Lee
modo
Inscrit le : 03 Mai 2006
Messages : 3523
| | Sujet: Re: Menu avec fleche qui se met à coté du lien Jeu 15 Fév - 16:15 | |
| j'ai pas réussi a y faire marcher :
| Citation: | 4)Voila le plus dure est passé, maintenant il ne
nous reste plus qu'à indiquer la position du lien que l'on survol,
souvenez-vous, on l'avait juste initialisé à la position "y" du lien1.
Il faut donc aller dans chacun de vos liens, dans l'état survolé mettre
une action immédiate et une fois de plus ca sera un script: |
sur mes liens (boutons a 4 états) en position survolé "action immédiate est grisé
Comment faire?
Merci
_________________
Salut Invité , combat ma brute LIEN |
| | | | DrNaBl
modo
Inscrit le : 09 Juin 2006
Messages : 1869
| | Sujet: Re: Menu avec fleche qui se met à coté du lien Ven 16 Fév - 11:11 | |
| | rock lee a écrit: | j'ai pas réussi a y faire marcher :
| Citation: | 4)Voila le plus dure est passé, maintenant il ne
nous reste plus qu'à indiquer la position du lien que l'on survol,
souvenez-vous, on l'avait juste initialisé à la position "y" du lien1.
Il faut donc aller dans chacun de vos liens, dans l'état survolé mettre
une action immédiate et une fois de plus ca sera un script: |
sur mes liens (boutons a 4 états) en position survolé "action immédiate est grisé
Comment faire?
Merci |
Je suis désolé , je n'ai pas ce problème de mon coté, donc je ne peux pas t'aider  . C'est peut-être un bug, tu utilise quelle version ?
_________________
http://infoprographiesimple.free.fr/ <--découvrez pleins de tuto,cours sur l'informatique, la programatio et le graphisme très prochainement.
Le forum d'InfoProGraphie Simple ouvre ses portes:
http://infoprographiesimple.free.fr/forums/ |
| | | | Admin
administrateur
Inscrit le : 11 Déc 2005
Messages : 9694
Localisation : Toulouse
| | Sujet: Re: Menu avec fleche qui se met à coté du lien Ven 16 Fév - 14:02 | |
| | rock lee a écrit: | j'ai pas réussi a y faire marcher :
| Citation: | 4)Voila le plus dure est passé, maintenant il ne
nous reste plus qu'à indiquer la position du lien que l'on survol,
souvenez-vous, on l'avait juste initialisé à la position "y" du lien1.
Il faut donc aller dans chacun de vos liens, dans l'état survolé mettre
une action immédiate et une fois de plus ca sera un script: |
sur mes liens (boutons a 4 états) en position survolé "action immédiate est grisé
Comment faire?
Merci |
Dans le menu : "Fichier/Paramètres/paramètres"
=> un cadre s'ouvre
Coche le bouton "accepter les actions à l'intérieur des boutons."
Phildes
_________________
|
| | | | Rock Lee
modo
Inscrit le : 03 Mai 2006
Messages : 3523
| | Sujet: Re: Menu avec fleche qui se met à coté du lien Sam 17 Fév - 15:04 | |
| merci Phildes j'essairais
_________________
Salut Invité , combat ma brute LIEN |
| | | | | Menu avec fleche qui se met à coté du lien | |
|
| Page 1 sur 1 |
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| | |
| |
|
