Menu glow avec scroll automatique

Super!
Je viens d'effacer un message avec un menu glow dynamique qui buguait pour remplacer par un qui fonctionne (misérable code j'avais oublié un "-", et j'ai trouvé la solution toute seule sans même regarder le tuto ;p).
Merci beaucoup pour tes supers tutos.
Quand on arrive à reproduire une de tes créations on se sent plus fort
Et je m'imagine le travail que tu as du mettre pour trouver ça *chapeau*



Edit:
Pour touclic: un grand OUI et en image^^:



il te suffit d'inverser toutes les informations verticales et horizontales (ainsi que les dimensions bien entendu)

Pour le contenu des textes j'ai utilisé une police "symbole", en stipulant --> (i+1) <-- à la place de
--> "bouton " (i+1) <--
Je n'ai pas trouvé comment mettre un mot différent par bouton (vu mon niveau xD) mais si je devais le faire, j'utiliserais un logiciel de création de fonte en dessinant à la place du caractère "1": "menu" / "2":"blabla" / "3":"etc"

2eme Edit:
Après avoir mis mon menu sur l'ordi de mon chéri, je me suis apreçu que me super typo symbole était devenue une typo normale.... et puis, étant une grande frappadingue de typographie, j'en ai 1300 dans la boite, ce qui n'est pas le cas de tout le monde.....(d'autant que leur seule utilité est de me faire m'exctasier devant mon livre des polices (cf mac)), nos moutons:

est-il possible de modifier le texte dynamique, afin d'avoir un mot différent à chaque occurence créé? l'option "array" est elle possible?

deuxième question:.... je me souviens plus j'édite dès que c'est là ;p

troisième Edit: xD

dans ce tutoriel tu remplaces ce qui devrait être des boutons par des clips..(en leur donnant le nom bouton..)
Dans ce cas, à quoi servent les boutons? Puisque un clip peut avoir exactement les mêmes conditions en y incluant du code, et même beaucoup plus, car on peut l'animer directement..

super tuto , merci Arkabis.

Alors j'ai fais le tuto mais j'ai des gros soucis... j'ai 15 erreurs... pourtant il me semble que je me suis pas trompé dans le code !
et rien ne fonctionne au final ! quelqu'un peut il m'aider ?? merci
je laisse mon code sur le forum pour que quelqu'un le vérifie :p

Code:

import com.greensock.TweenMax;
import com.greensock.plugins.*
Tweenplugin.activate([AutoAlphaPlugin,TintPlugin);
                                               
                                               
const NBBT:uint = 20;
var HauteurMask = monMask.height;
var menu:MovieClip = new MovieClip();
var i:int;
menu.x = monMask.x;
menu.y = monMask.y;
addChild ( menu );

var dessus:Boolean = false;
var menuY = menu.y;
menu.mask = monMask;

for (i=0;i<NBBT; i++){
    var bouton:Bouton = new Bouton();
    bouton.x = 0;
    bouton.y = i* bouton.height;
    bouton.titre.text = "Bouton N°"+(i+1).toString();
    bouton.mouseChildren = false;
    bouton.buttonMode = true;
    bouton.addEventListener("mouseOver",mouseOverBt);
    bouton.addEventListener("mouseOut",mouseOutBt);
    menu.addChild ( bouton );
}
var reflet:Reflet = new Reflet();
reflet.x = monMask.x;
reflet.y = monMask.y;
addChild ( reflet );
reflet.mouseEnabled = false;

var hauteurMenu:Number = menu.height;
menu.addEventListener("mouseOver",mouseOverMenu);
menu.addEventListener("mouseOut",mouseOutMenu);
addEventListener("enterFrame",enterframe);

function mouseOverMenu (pEvt:MouseEvent):void{
    dessus = true;
}
function mouseOutMenu (pEvt:MouseEvent):void{
    dessus = false;
}
function mouseOverBt (pEvt:MouseEvent):void{
    var bt:Bouton = pEvt.target as Bouton;
    TweenMax.to(bt.bg,0.01,{tint:#F711E0});
}
function mouseOutBt (pEvt:MouseEvent):void{
    var bt:Bouton = pEvt.target as Bouton;
    TweenMax.to(bt.bg,0.05,{tint:##16222E});
}
function enterframe (pEvt:Event):void{
    if (dessus){
    var distance:Number = mouseY - monMask.y;
    var pct:Number = distance/HauteurMask;
    menuY = menu.y;
    var cibleY:Number = -(hauteurMenu - HauteurMask)* pct)+monMask.y;
TweenMax.to(menu, 0.4,{y: Math.round(cibleY)});
    }
}

Bonjour seaman130092 alors je pense que tu travail avec AS2 et que cela et de AS3 si je ne me trompe pas.

oui deme c de l'as 3, justement je m'y mets je me demande si la classe tweenmax est bien installee

Bonjour!
Merci Art pour ce super menu, j'adore.
J'ai un petit problème avec la vidéo, j'arrive pas à télécharger les dernières minutes, j'ai essayé plusieurs fois mais rien à faire grrr. Donc mon menu fonctionne bien mais j'ai pas l'effet sur les autres boutons quand je scroll

Je vois bien qu'il y a d'autres infos mais la vidéo arrête. A l'aide S.V.P.
J'aimerais savoir comment changer les titres sur les boutons et comment faire un lien sur ceux-ci.
Merci d'avance
Kirkoo

pour ceux qui voudrais le code je le poste MERCI ARTKABIS :p

Code:

import com.greensock.TweenMax;
import com.greensock.plugins.*;
TweenPlugin.activate([AutoAlphaPlugin, TintPlugin]);
                                               
                                               
const NBBT:uint = 20;
var HauteurMask = monMask.height;
var menu:MovieClip = new MovieClip();
var i:int;
menu.x = monMask.x;
menu.y = monMask.y;
addChild ( menu );

var dessus:Boolean = false;
var menuY = menu.y;
menu.mask = monMask;

for (i=0;i<NBBT; i++){
    var bouton:Bouton = new Bouton();
    bouton.x = 0;
    bouton.y = i* bouton.height;
    bouton.titre.text = "Bouton N°"+(i+1).toString();
    bouton.mouseChildren = false;
    bouton.buttonMode = true;
    bouton.addEventListener("mouseOver",mouseOverBt);
    bouton.addEventListener("mouseOut",mouseOutBt);
    menu.addChild ( bouton );
}
var reflet:Reflet = new Reflet();
reflet.x = monMask.x;
reflet.y = monMask.y;
addChild ( reflet );
reflet.mouseEnabled = false;

var hauteurMenu:Number = menu.height;
menu.addEventListener("mouseOver",mouseOverMenu);
menu.addEventListener("mouseOut",mouseOutMenu);
addEventListener("enterFrame",enterframe);

function mouseOverMenu (pEvt:MouseEvent):void{
    dessus = true;
}
function mouseOutMenu (pEvt:MouseEvent):void{
    dessus = false;
}
function mouseOverBt (pEvt:MouseEvent):void{
    var bt:Bouton = pEvt.target as Bouton;
    TweenMax.to(bt.bg,0.01,{tint:0xF711E0});
}
function mouseOutBt (pEvt:MouseEvent):void{
    var bt:Bouton = pEvt.target as Bouton;
    TweenMax.to(bt.bg,0.05,{tint:0x16222E});
}
function enterframe (pEvt:Event):void{
    if (dessus){
    var distance:Number = mouseY - monMask.y;
    var pct:Number = distance/HauteurMask;
    menuY = menu.y;
    var cibleY:Number = -((hauteurMenu - HauteurMask)* pct)+monMask.y;
TweenMax.to(menu, 0.4,{y: Math.round(cibleY)});
    }
}


Salut KirKoo , en fait pour donner l'effet de dégrader il faut juste rajouter après tint "delay:le temps en seconde" dans la TweenMax qui est dans la fonction "mouseOutBt".


function mouseOutBt(pEvt:MouseEvent):void
{
var bt:Bouton=pEvt.target as Bouton;


TweenMax.to(bt.bg,0.5,{tint:0x16882E,delay:0.05});

}


plus le delay est grand plus l'effet de dégrader est lent.

Merci Merciiiiiiiiiiiiiiii Max!
Yes ça marche, je bidouille maintenant pour le rendre fonctionnel,
pas évident pour moi lollll.
Merci encore c'est bien apprécié.
@+
Kirkoo

de rien kirkoo ^^