[FLASH MX] création d'un menu

Bonjour

J'ai vu dans plusieurs sites quelque chose agréable visuellement : lors du click sur un menu, une liste deroulante sort (comme une sorte de tiroir) avec les sous rubriques. Il me semble bien qu'il s'agissait de flash. Quelqu'un peut me le confirmer? Est ce dur à réaliser? ;)

un des exemples les plus agréables : sur ce forum pour voir un profil : on clique sur l'auteur du post est une petite fenetre se deroule

Merci d'avance

bonjour,

bah pour faire ce genre de menu déroulant ce n'est pas obligatoirement du flash, ca peut aussi être géré en html/js/CSS ca depend de l'effet que tu souhaites faire.

Sinon pou réalisé un menu déroulant en flash y'a pluseiurs moyens, tout dépend de ton niveau

exemple demnu flash que j'aimerai réaliser http://www.otidea.com/
pensez vous que cela soit compliqué?

non, ca te demenderas pas si longtemps si tu vois comment faire...et si tu sais manipuler un peu flash... :roll:

mais c'est pas un menu deroulant ca ;)

je vais modifier mon titre ;)
je veux dire ce genre de menu
il doit falloir manipuler le goto et le roll over/out non? :roll:

effectivement...quoique tu dois peut etre pouvoir t'en sortir sans...ce qu'il faut surtout savoir c'est manipuler les interpolations de mouvement et de forme...
c'est pas bien dur en somme...:roll:

:? euh pour toi peut etre :P moi j'ai toujours eu du mal ... il faut dire que les tutoriaux que j'ai regardé étaient pas très bien réalisés

tu as regardé lesquels ? (que je ne les conseille pas ou plus)...

j'avais regardé ca il y a plusieurs semaines mais si je les retrouve je les posterai sur le forum afin que persone ne les regarde^^

je suis en train de regarde l'interpolation de forme ;)

bah, je te cnseillerais bien http://www.yazo.net/ mais c'est peut etre celui la qui t'as pas plus...:?

par contre pour le menu j'aurai une petite question. l'interpolation de forme met un certain temps avant d'effectuer la conversion de la forme 1 à la forme 2. à quoi cela peut il servir dans notre cas?

tu parle de l'interpolation de forme d'un trai droit a un trait arrondi ?
si c'est ca, c'est plus sympa de faire une interpolation qui dure un petit peu (c'est pas long du tout), tu la fais pas apparaitre brusquement ta ligne arrondie...

c'est bien de ca dque tu parlais ?

je commence à voir le fonctionnement pour le menu il s'agit en fait d'une simple interpolation de forme pour passer d'une case grise rectangulaire à une case bleue avec une ligne arrondie c'est cela?

entre autre...
si tu regarde bien, il y a une ombre qui descend et remonte egalement...simple interpolation de mouvement...
plus remontee du texte...egalement tite interpolation de mouvement...
plus le son...:roll:

il s'agit donc d'une interpolation de forme (pour l'arrondi, couleur) et une interpolation de mouvement (remontée du texte)

et tout cela gérer si l'on passe la souris dessus

bien sur...:D
il faut que tu cree un clip qui fait cette animation... et tu mets sur la premiere image de ce clip un stop();
et apres, tu joues ton clip en faisant :

Code:

---

1 2 3

tonclip.onRollOver=function(){ <div style="margin-left:40px">this,gotoAndPlay(2);</div>}

---

comme ca, quand tu passe sur le clip, cela le joue...

fais deja ca, on vera le onRollOver apres...:roll:

je m'occupe de ca cet après midi
je n'ai jamais utilisé les clips encore. il va permetre de réunir les deux interpolations c'est cela? je créer inter. de forme et de mouvement séparément?

désolé mais je suis débutant et au début c'est pas évident

t'inquiete...:roll:
ce qui est pratique avec un clip, c'est que c'est une animation dans l'animation...lol, j'aime bien dire ca...
en gros, tu mets 2 calques, un avec l'interpolation de forme et l'autre avec l'interpolation de mouvement du texte...

si tu veux mettre l'ombre, il te faut a mon avis deux calques de plus (un masque et un normal)...mais c'est pas le plus important...

pour le moment je vais essayer de faire les deux interpolations proprement
l'ombre je pense que je verrai si j'arrive déjà à faire le reste
bon je vais manger et je m'y mets :P j'espere pouvoir te montrer un résultat satisfaisant ^^ mais j'arrive à faire interpolation de mouvement et de forme séparément donc ca ne sera pas sorcier ;)

je pense que je vais essayer de faire une case du menu pour voir le principe

ca marche bon ap' ;)

merci bon ap à toi aussi :P à toute à l'heure

j'arrive à combiner les deux interpolations :P maintenant il faut que j'arrive à lancer "l'animation" lorsque la souris passe sur la case du menu. c'est la qu'intervient le rollover je pense :D

tiens regarde ce que j'ai fais pour le rollOver et le rollOut, c'est plus facile que des tonnes de textes inutiles...di moi si tu veux une explication...:roll:
sinon regarde avec f1 les fonctions que j'ai utilisé...
Pièce jointe 3322

en effet si tu pouvais m'expliquer un petit peu :? sinon ton bouton est super :P maisj 'ai un peu de mal sur le code

alors, ce que j'ai fait :
de chaque bout du clip : j'ai mi des stop(); afin d'etre de bloquer la tete de lecture au debut et a la fin...

le rollover et le rollout ont exactement le meme principe de fonctionnement...
j'ai utilisé les fonctions avance et recul car si tu as plusieurs boutons, ca fait moins de code, mais c'est equivalent a cela :

Code:

---

1 2 3 4 5 6

btn.onRollOver=function(){ // fonction qui serait executee lors d'un rollover (ecriture connue je suppose) this.onEnterFrame=function(){ // ca, cela signifie que je veux executer la fonction qui est en dessous a la meme vitesse de defilement de l'animation...dans mon animation : 30 images par secondes this.nextFrame(); // permet d'avancer la tete de lecture sur l'image suivante... } }

---

en gros, je lui demande d'avancer d'une image a la meme vitesse que la vitesse de l'animation...
ce qui permet de remplacer un gotoAndPlay();...
en gros, c'est moi qui controle la tete de lecture par l'actionscript...

c'est assez clair ? :roll:

si j'ai choisi de faire comme cela plutot qu'un gotoAndPlay(2), c'est au cas ou tu t'en va et reviens rapidement du clip...j'explique :

1. tu es dessus, donc le clip est joue en entier...
2. tu repars...donc le clip se rembobine...
3. tu reviens rapidement...si tu as mis un gotoAndPlay(2), tu reviendras sur l'image 2 alors que tu t'etais peut etre arrete sur la 7...ca fait un saut pas beau du tout...

dis moi si c'est clair...

ok pour le commentaire je comprends le fonctionnement par contre j'ai encore quelques questions :

Code:

---

1 2 3

btn.onRollOver=function(){ _root.avance(this); }

---

- je me doute que cela signifie que lorsque le pointeur est sur le bouton (nommé btn) on lance l'animation par l'appel de la fonction avance.
par contre pourquoi _root?
this car cela correspond à cet objet = au bouton correspondant je suppose.

- le nom de ton bouton est bouton dans la bibliothèque or quand je clique dessus ou quej e regarde dans la partie actions-clip j'ai marque btn, pourquoi?

merci et désolé encore des questions ^^

Citation:

---

Envoyé par Adren

- je me doute que cela signifie que lorsque le pointeur est sur le bouton (nommé btn) on lance l'animation par l'appel de la fonction avance.
par contre pourquoi _root?
this car cela correspond à cet objet = au bouton correspondant je suppose.

---

j'ai mi _root. (certains te diront qu'il ne faut pas)... pour cibler la bonne fonction... car la fonction est defini sur une image, et sans this. devant...donc sur la racine...et comme j'y comprend rien aux _parent et que ca marche tres bien avec _root. bah je l'utilise...

Citation:

---

Envoyé par Adren

le nom de ton bouton est bouton dans la bibliothèque or quand je clique dessus ou que je regarde dans la partie actions-clip j'ai marque btn, pourquoi?

---

C'est normal, tu peux choisir le nom d'occurence que tu veux...ca te permet de dupliquer plusieurs fois un element de ta bibliotheque dans ton animation...
a chaque occurence de ton objet de biblio, tu peux affecter un nom different, afin de pouvoir les distinguer...

c'est le genre de methode que tu utilise pour faire des combatants, pleins d'etoiles dans un ciel, des bulles...:roll:

d'accord pas de soucis
bon ben je crois que maintenant c'est à moi de jouer ;)
je mets le tag résolu je t'enverrai par mp un joli menu quand j'aurai fini :P

lol, oki ;)

par contre dans ton calque tu restes toujours sur la case 1, pourtant pour faire une interpolation il est nécessaire de se déplacer (d'après les tuto lus)

oui, si je veux faire une interpolation directement sur la scene de l'animation...mais la les interpolations se font dans le clip...qui lui a plusieurs images...il faut que tu double clique sur le clip pour l'editer et voir les animations qu'il contient...:roll:

je vois ca. en effet c'est bien plus pratique comme cela ;)
merci pour tout et désolé d'etre debutant :mrgreen:

y'a pas de mal, j'étais dans le meme cas tu sais, et ya pas si longtemps que ca...;)

espérons que je progresse vite car flash permet de réaliser vraiment de belles choses ;)

c'est bien vrai ce que tu dis :D
t'inquiete, ca va venir...mais sans vouloir faire le raba-joie, avec un bon livre, ca irait beaucoup plus vite...ou une bonne étude de tuto sur internet...;)

je vais continuer en regardant tout ca sur internet.
j'ai demandé l'ouverture d'un blog sur developpez.com j'y mettrai ce que j'ai réalisé ca sera plus pratique pour te montrer ;)

bonne continuation :P