Menu glow avec scroll automatique

    Partager

    Plumaillon
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 274
    Age: 23
    Date d'inscription: 28/03/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Plumaillon le Ven 30 Oct - 17:13

    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 lol!
    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..

    maxlamenace
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 53
    Age: 27
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 19/11/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par maxlamenace le Sam 16 Jan - 19:07

    super tuto , merci Arkabis.



    seaman130092
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 56
    Age: 28
    Logiciels: J'utilise FLASH CS 4 en AS 2 et PHOTOSHOP CS4
    Date d'inscription: 24/02/2010

    Re: Menu glow avec scroll automatique

    Message par seaman130092 le Jeu 4 Mar - 18:45

    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 Smile
    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)});
        }
    }

    Demeter
    Ancien staff

    Nombre de messages: 4569
    Age: 40
    Logiciels: Quelles logiciel utilisez vous?
    Logiciel Adobe Photoshop, flash, dreamweaver, the gimp, blender 3D, visual studio 2010, expression studio 4, Aptana studio 1.5, Illustrator, indesign.

    Date d'inscription: 14/07/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Demeter le Ven 5 Mar - 2:34

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


    _________________

    Les Ateliers Designs

    seaman130092
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 56
    Age: 28
    Logiciels: J'utilise FLASH CS 4 en AS 2 et PHOTOSHOP CS4
    Date d'inscription: 24/02/2010

    Re: Menu glow avec scroll automatique

    Message par seaman130092 le Ven 5 Mar - 10:07

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

    Kirkoo
    Newbie
    Newbie

    Nombre de messages: 46
    Age: 59
    Logiciels: Paint Shop Pro X3
    Photoshop CS4
    Flash CS4
    Dreamweaver CS4
    Date d'inscription: 17/02/2010

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Kirkoo le Ven 5 Mar - 19:36

    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


    Dernière édition par Kirkoo le Dim 7 Mar - 1:07, édité 1 fois

    seaman130092
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 56
    Age: 28
    Logiciels: J'utilise FLASH CS 4 en AS 2 et PHOTOSHOP CS4
    Date d'inscription: 24/02/2010

    Re: Menu glow avec scroll automatique

    Message par seaman130092 le Sam 6 Mar - 21:32

    pour ceux qui voudrais le code je le poste Smile 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)});
        }
    }

    maxlamenace
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 53
    Age: 27
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 19/11/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par maxlamenace le Ven 12 Mar - 0:40

    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.

    Kirkoo
    Newbie
    Newbie

    Nombre de messages: 46
    Age: 59
    Logiciels: Paint Shop Pro X3
    Photoshop CS4
    Flash CS4
    Dreamweaver CS4
    Date d'inscription: 17/02/2010

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Kirkoo le Ven 12 Mar - 4:47

    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

    maxlamenace
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 53
    Age: 27
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 19/11/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par maxlamenace le Ven 12 Mar - 10:00

    de rien kirkoo ^^

      La date/heure actuelle est Lun 6 Fév - 13:32