Artkabis

Salut !!!
Si vous êtes membre du forum, vous pouvez vous connecter.
Au cas contraire vous avez la possibilité de créer gratuitement un compte...

Forum d'entraide en graphisme et webdesign. Formation pour Flash, Photoshop et les langages: as2, as3, html, php, javascript, etc.


    Menu glow avec scroll automatique

    Partagez

    Tekken
    Administrateur

    Messages : : 2076
    Age : : 38
    Logiciels : Logiciels : : Suite CS6
    Date d'inscription : 02/01/2010

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Mer 24 Mar - 10:49

    Demeter a écrit:Bonjour tekken et kirkoo je suis content que votre code fonctionne tout ce que j'espère maintenant c'est que vous nous ferais un petit lien vers les animations que vous avez créé avec cela.
    Sa me ferais plaisir, aller à bientôt sur le forum et avec plaisir.

    tiens demeter si tu veux voir le menu que j'ai fais il se trouve au lien suivant, par contre les liens ne fonctionnent qu'en local, ils sont désactivés dans la page web si tu as une idée pour résoudre ce problème je suis preneur Wink

    http://creationtekken.gofreeserve.com/menus.php


    _________________

    Mon Site Creation



    Demeter
    Ancien staff

    Messages : : 4569
    Age : : 45
    Logiciels : 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 Mer 24 Mar - 16:13

    Alors je t'invite à mettre le fla en ligne que je le test pour voir pourquoi ça ne va pas.

    Tekken
    Administrateur

    Messages : : 2076
    Age : : 38
    Logiciels : Logiciels : : Suite CS6
    Date d'inscription : 02/01/2010

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Mer 24 Mar - 18:22

    tiens voilà le fla si tu veux y regarder mais sincèrement je ne pense pas que l'erreur vienne du fla puisqu'il fonctionne correctement en local, je pense que c'est quelque chose qu'il bloque l'animation dans le code obtenu lors de l'hébergement.
    je connaissais une technique pour contourner ce problème avec l'as2 (en copiant le code source obtenu lors de la publication) mais j'ai testé et ça ne fonctionne pas là

    http://files.webopload.net/666294703.menuscrollautomatique.fla


    _________________

    Mon Site Creation



    Demeter
    Ancien staff

    Messages : : 4569
    Age : : 45
    Logiciels : 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 Mer 24 Mar - 19:01

    voilà tekken ton menu et prêt il fonctionne même sur le net .
    Voici ton fichier : 666294703.menuscrollautomatique.fla

    Alors quand tu crées un tableau c'est préférable de mettre new Array(" bouton 1 ", " bouton 2 ", " bouton 3 ");
    Et alors j'ai remarqué que tu n'avais pas mis les www au adresse c'est mieux sa donne une adresse sans le http:// dans un navigateur ça va chercher la bonne adresse il rajoute automatiquement le http:// mais sans le www ça ne fonctionneras pas.

    Alors encore une chose ce n'est pas des simple (') guillemet mais bien des doubles guillemet (").

    Tekken
    Administrateur

    Messages : : 2076
    Age : : 38
    Logiciels : Logiciels : : Suite CS6
    Date d'inscription : 02/01/2010

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Mer 24 Mar - 19:37

    t'es un as, merci beaucoup demeter, tu es mon sauveur lol.
    pour ce qui est des guillemets, bizarre car je m'étais aider d'un autre tutos d'artkabis ou il avais mis des simples guillemets

    donc a ton avis d'ou venait l'erreur ? juste les guillemets ou l'ensemble de ce que tu as corrigé ?


    _________________

    Mon Site Creation



    Demeter
    Ancien staff

    Messages : : 4569
    Age : : 45
    Logiciels : 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 Mer 24 Mar - 19:59

    Sa provenais de l'ensemble que j'ai corrigé mais il vrai que les simples guillemets on les utilise, mes dans des cas précis, mais je ne sais plus dans quel cas car il y a longtemps que je n’ai plus utilisé les simples guillemets.
    D’ailleurs tu me fais songer je me demande si ce n’est pas les simples guillemets du html et JavaScript et que l’on ferais fausse route.

    Tekken
    Administrateur

    Messages : : 2076
    Age : : 38
    Logiciels : Logiciels : : Suite CS6
    Date d'inscription : 02/01/2010

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Mer 24 Mar - 20:18

    ok, en tout cas le principal c'est que cela fonctionne maintenant, encore merci beaucoup pour ton aide Wink


    _________________

    Mon Site Creation



    jbWarriOr
    Nouveau membre
    Nouveau membre

    Messages : : 28
    Age : : 29
    Logiciels : Logiciels : : Adobe Creative Suite.
    Date d'inscription : 01/05/2010

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

    Re: Menu glow avec scroll automatique

    Message par jbWarriOr le Mar 25 Mai - 14:55

    J'ai réussi à le faire, mais je ne sais pas comment faire en sorte que les boutons ainsi crée appelle un .fla ou swf?
    J'ai créer un topic depuis plusieurs semaines déjà, et personnes ne m'a répondu.
    http://www.artkabis.net/as3-f92/probleme-bouton-vers-swf-externe-menu-scroll-auto-t3838.htm
    Voila voila, si quelqu'un à une idée... Rolling Eyes

    Je me prend la tête, s'il vous plait!!! Crying or Very sad Je désespère depuis des semaines, je suis complètement paumé.....

    Demeter
    Ancien staff

    Messages : : 4569
    Age : : 45
    Logiciels : 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 Mer 26 Mai - 10:13

    Bonjour JbWarrior.
    J'ai répondu à ta question dans ton topic.
    Merci de l'avoir fait remarquer que l'on n'avait pas répondu à ton problème.

    charles.m
    Ceinture verte
    Ceinture verte

    Messages : : 666
    Age : : 38
    Logiciels : Logiciels : : Flash, Dreamweaver, Fireworks, et un peu Photoshop (le tout en CS4).
    Date d'inscription : 21/11/2009

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

    Re: Menu glow avec scroll automatique

    Message par charles.m le Dim 4 Juil - 18:25

    Il me plait bien celui-là !

    Je vais l'adopter ! fumer


    _________________
    http://www.fahrenheit-rock.com


    Quand on voit c'qu'on entend, on fait bien d'penser c'qu'on dit!

    Tekken
    Administrateur

    Messages : : 2076
    Age : : 38
    Logiciels : Logiciels : : Suite CS6
    Date d'inscription : 02/01/2010

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Dim 4 Juil - 18:34

    tu as bien raison car il est carrément top ce menu Wink


    _________________

    Mon Site Creation



    charles.m
    Ceinture verte
    Ceinture verte

    Messages : : 666
    Age : : 38
    Logiciels : Logiciels : : Flash, Dreamweaver, Fireworks, et un peu Photoshop (le tout en CS4).
    Date d'inscription : 21/11/2009

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

    Re: Menu glow avec scroll automatique

    Message par charles.m le Dim 4 Juil - 18:42

    En fait, ça va être un menu qui me permettra de trier mes photos:

    Si tout va bien, je vais créer une galerie infinie par date (photos de concerts, etc...) et donc un swf par galerie, et je les appellerai depuis ce menu.

    Je sais, c'est pas encore terminé... et ça va prendre du temps.Bah... j'me fais la main comme ça !


    _________________
    http://www.fahrenheit-rock.com


    Quand on voit c'qu'on entend, on fait bien d'penser c'qu'on dit!

    charles.m
    Ceinture verte
    Ceinture verte

    Messages : : 666
    Age : : 38
    Logiciels : Logiciels : : Flash, Dreamweaver, Fireworks, et un peu Photoshop (le tout en CS4).
    Date d'inscription : 21/11/2009

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

    Re: Menu glow avec scroll automatique

    Message par charles.m le Dim 4 Juil - 21:57

    Alors:

    J'ai fait le tuto, et ça fonctionne bien mais c'est dommage que le vidéo se coupe à la fin. Du coup, il me manque des informations.

    Un peu plus loin, dans les posts qui suivent le tuto, il y a un "delay" pour que les boutons "s'éteignent" plus tard. Mais quel est le code à utiliser pour que les boutons s'éteignent progressivement? qu'il y a un passage progressif d'une couleur à l'autre? parce que d'après les exemples qu'il y a dans ces posts, il y en a qui ont réussi à le faire.

    Merci d'avance ! Wink

    Charles



    EDIT

    Ouraaaah ! Je l'ai trouvé !

    Code:

        function mouseOutBt (pEvt:MouseEvent):void{
          var bt:Bouton = pEvt.target as Bouton;
          TweenMax.to(bt.bg,0.5, {tint:0x000000, delay:0.1});


    C'est le 0.5 qu'il y a après le bg qui fait cette espèce d'alpha ! content




    Dernière édition par charles.m le Dim 4 Juil - 22:48, édité 1 fois (Raison : Solution trouvée...)


    _________________
    http://www.fahrenheit-rock.com


    Quand on voit c'qu'on entend, on fait bien d'penser c'qu'on dit!

    Lagelas
    Nouveau membre
    Nouveau membre

    Messages : : 21
    Age : : 22
    Logiciels : Logiciels : : "Adobe Photoshop CS4", "Adobe Photoshop CS5" et "Adobe Flash CS3".
    Date d'inscription : 12/05/2010

    Re: Menu glow avec scroll automatique

    Message par Lagelas le Jeu 9 Sep - 18:36

    Premier mot lorsque j'ai vu ce topic : woooooow trop beau
    Je 'y met de suite !! :D

    charles.m
    Ceinture verte
    Ceinture verte

    Messages : : 666
    Age : : 38
    Logiciels : Logiciels : : Flash, Dreamweaver, Fireworks, et un peu Photoshop (le tout en CS4).
    Date d'inscription : 21/11/2009

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

    Re: Menu glow avec scroll automatique

    Message par charles.m le Mar 21 Sep - 17:00

    Je reviens vers vous pour une autre question:

    Comment faire pour afficher un titre dans un des boutons, qui soit plus long que le bouton, mais sans agrandir le bouton, ,i changer la taille de la police? Créer un défilement, en gros. Quelqu'un a une idée ?

    Merci d'avance !

    Charles

    siffle


    _________________
    http://www.fahrenheit-rock.com


    Quand on voit c'qu'on entend, on fait bien d'penser c'qu'on dit!

    charles.m
    Ceinture verte
    Ceinture verte

    Messages : : 666
    Age : : 38
    Logiciels : Logiciels : : Flash, Dreamweaver, Fireworks, et un peu Photoshop (le tout en CS4).
    Date d'inscription : 21/11/2009

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

    Re: Menu glow avec scroll automatique

    Message par charles.m le Mer 22 Sep - 15:19

    Up? sourir1

    EDIT: Je vais créer un sujet dans les demandes d'aide car j'ai un autre problème.


    _________________
    http://www.fahrenheit-rock.com


    Quand on voit c'qu'on entend, on fait bien d'penser c'qu'on dit!

    Léa
    Infographiste

    Messages : : 454
    Age : : 41
    Logiciels : Logiciels : : Photoshop,Flash,Cinema 4D,Illustrator ...
    Date d'inscription : 21/12/2008

    Re: Menu glow avec scroll automatique

    Message par Léa le Mer 22 Sep - 17:19

    charles.m a écrit:

    Comment faire pour afficher un titre dans un des boutons, qui soit plus long que le bouton, mais sans agrandir le bouton, ,i changer la taille de la police? Créer un défilement, en gros. Quelqu'un a une idée ?



    Perso, je suis plutôt d'avis de modifier la police, ce qui en un sens est le plus simple Wink


    _________________

    charles.m
    Ceinture verte
    Ceinture verte

    Messages : : 666
    Age : : 38
    Logiciels : Logiciels : : Flash, Dreamweaver, Fireworks, et un peu Photoshop (le tout en CS4).
    Date d'inscription : 21/11/2009

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

    Re: Menu glow avec scroll automatique

    Message par charles.m le Mer 22 Sep - 17:21

    Ouais, mais l'effet de défilement me plait bien, et vu la longueur des titres, ça serait écrit vraiment trop petit...


    _________________
    http://www.fahrenheit-rock.com


    Quand on voit c'qu'on entend, on fait bien d'penser c'qu'on dit!

    Léa
    Infographiste

    Messages : : 454
    Age : : 41
    Logiciels : Logiciels : : Photoshop,Flash,Cinema 4D,Illustrator ...
    Date d'inscription : 21/12/2008

    Re: Menu glow avec scroll automatique

    Message par Léa le Mer 22 Sep - 17:23

    Dans ce cas, fais- le en défilement, mais je pense que tu vas bien galéré pour que tout soit parfait .


    _________________

    charles.m
    Ceinture verte
    Ceinture verte

    Messages : : 666
    Age : : 38
    Logiciels : Logiciels : : Flash, Dreamweaver, Fireworks, et un peu Photoshop (le tout en CS4).
    Date d'inscription : 21/11/2009

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

    Re: Menu glow avec scroll automatique

    Message par charles.m le Mer 22 Sep - 17:27

    J'en suis sur, mais je ne suis pas, par nature, adepte du "la facilité est la meilleure des solutions". Je préfère créer un truc dont le résultat me convient parfaitement.
    Je te remercie quand même pour tes conseils Wink


    _________________
    http://www.fahrenheit-rock.com


    Quand on voit c'qu'on entend, on fait bien d'penser c'qu'on dit!

    Tekken
    Administrateur

    Messages : : 2076
    Age : : 38
    Logiciels : Logiciels : : Suite CS6
    Date d'inscription : 02/01/2010

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Mer 22 Sep - 18:23

    ce n'est qu'une suggestion mais pourquoi ne ferais tu pas un texte dynamique à l'extérieur de ton menu qui s'afficherait au survol des boutons, comme ça tu pourrais laisser la taille actuelle des boutons et mettre le texte qui te convient


    _________________

    Mon Site Creation



    charles.m
    Ceinture verte
    Ceinture verte

    Messages : : 666
    Age : : 38
    Logiciels : Logiciels : : Flash, Dreamweaver, Fireworks, et un peu Photoshop (le tout en CS4).
    Date d'inscription : 21/11/2009

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

    Re: Menu glow avec scroll automatique

    Message par charles.m le Mer 22 Sep - 18:28

    J'comprends pas trop comment tu vois l'truc...


    _________________
    http://www.fahrenheit-rock.com


    Quand on voit c'qu'on entend, on fait bien d'penser c'qu'on dit!

    Tekken
    Administrateur

    Messages : : 2076
    Age : : 38
    Logiciels : Logiciels : : Suite CS6
    Date d'inscription : 02/01/2010

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Mer 22 Sep - 18:32

    bah aucuns textes à l'intérieur des boutons mais un texte chargé dynamiquement à l'extérieur du menu qui s'affiche au survol de chacun des boutons....je ne vois pas trop comment t'expliquer autrement


    _________________

    Mon Site Creation



    charles.m
    Ceinture verte
    Ceinture verte

    Messages : : 666
    Age : : 38
    Logiciels : Logiciels : : Flash, Dreamweaver, Fireworks, et un peu Photoshop (le tout en CS4).
    Date d'inscription : 21/11/2009

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

    Re: Menu glow avec scroll automatique

    Message par charles.m le Mer 22 Sep - 18:37

    Wink

    mais le texte est déjà généré automatiquement. je te mets le code pour que tu y vois plus clair (fais pas gaffe au loader, il faut que je règle ça aussi...):

    Code:

    import com.greensock.TweenMax;
    import com.greensock.plugins.*
    TweenPlugin.activate([AutoAlphaPlugin,TintPlugin]);



    const TITRES:Array = ["Fête de la Musique à Schwerdorff 2010", "Concert au bar 'La Bierbudd' à Bisten-En-Lorraine Avril 2010", "Concert au profit des sinistrés d'Haiti 2010", "Concert L'Hôpital 2009", "Fête de la Musique à Vaudreching 2009",  "Fête de la musique à Varsberg 2009", "Fête de l'Europe à Creutzwald 2009", "Studio", "Varsberg Télethon 2008", "Concert à l'Irish Pub à Metz 2008", "Concert au Tarmac à Lelling 2008", "Fête de la rue à Oberdorff 2008", "Fête de la musique à Vaudreching 2008", "Concert Acoustique à Rémering 2008", "Fête de l'Europe à Creutzwald 2008", "Varsberg Télethon 2007", "Fête de la rue à Bouzonville 2007", "Fête de l'Europe à Creutzwald 2007", "Festival Rock à Boulay 2007", "Concert privé en Belgique 2007", "Fête de l'Europe à Creutzwald 2006", "Fête de la musique à Villing 2005", "Backstage"];


    const TAB_SWF:Array = ['schwerdorff_2010.swf','bierbudd_avril2010.swf','haiti_2010','lhopital_2009.swf','vaudreching_2009.swf','varsberg_2009.swf'];
    var id:int
    var ldr = new Loader ();
    var galerie = (new URLRequest (TAB_SWF[id]));

    const NBBT:uint = 23;
    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 = TITRES[ i ].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);
    bouton.addEventListener ("click", mouseUpBt);

    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.05,{tint:0x7B7B7B});
    }
    function mouseOutBt (pEvt:MouseEvent):void{
       var bt:Bouton = pEvt.target as Bouton;
       TweenMax.to(bt.bg,0.5, {tint:0x000000, delay:0.1});
    }
    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)});
       }
    }

    function mouseUpBt(me:MouseEvent):void{
        id = int(me.target.name.substr(me.target.name.length-1,me.target.name.length));
        ldr.load(galerie);
       MovieClip(root).addChild (ldr);

       trace ("cool");
       stop();
    }

    Merci pour ton aide ! Wink


    _________________
    http://www.fahrenheit-rock.com


    Quand on voit c'qu'on entend, on fait bien d'penser c'qu'on dit!

    fungame63
    Nouveau membre
    Nouveau membre

    Messages : : 37
    Age : : 35
    Logiciels : Logiciels : : Quels logiciels utilisez-vous ?
    PSE9, Flash pro CS5, flash catalyst cs5, photoshop CS5, illustrator CS5, After effect CS4
    Date d'inscription : 24/01/2011

    Menu scroll

    Message par fungame63 le Dim 27 Fév - 20:37



    Contenu sponsorisé

    Re: Menu glow avec scroll automatique

    Message par Contenu sponsorisé Aujourd'hui à 16:04


      La date/heure actuelle est Jeu 8 Déc - 16:04