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 as3 dynamique avec images externes

    Partagez

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

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

    Menu as3 dynamique avec images externes

    Message par artkabis le Jeu 24 Sep - 22:47

    Dans ce tutoriel nous allons voir comment il est possible de créer un menu en utilisant des images externes pour chacun des états de notre menu. Pour rendre ceci un peu plus dynamique, nous allons gérer cette application pour que la construction de notre menu puisse se faire simplement en modifiant trois paramètres: le nombre de bouton, leurs titres et leurs adresses.

    Voici l'aperçu du tutoriel:


    Voici le code de notre application:
    Code:

    var nbBt:int = 4;
    var liens:Array = ['http://artkabis.fr','http://www.artkabis.net','http://google.fr','http://www.weecast.fr/'];
    var titres:Array = ['site','forum','google','weecast'];
    for (var i:uint=0;i<nbBt;i++)
    {
       var bt:Bouton = new Bouton();
       bt.name = 'bt'+i;
       bt.titre.text = titres[i];
       bt.mouseChildren = false;
       this.addChild(bt);
       bt.y = (stage.stageHeight - bt.height)/2;
       bt.x = i* bt.width;
    }
    this.addEventListener(MouseEvent.MOUSE_OVER, __actions);
    this.addEventListener(MouseEvent.MOUSE_OUT, __actions);
    this.addEventListener(MouseEvent.MOUSE_DOWN, __actions);
    this.addEventListener(MouseEvent.MOUSE_UP, __actions);

    function __actions(me:MouseEvent):void
    {
       var btName:String = me.target.name;
       var id = int(btName.split('t')[1]);
       switch (me.type)
       {
          case MouseEvent.MOUSE_OVER:
          me.target.gotoAndStop('over');
          break;
          case MouseEvent.MOUSE_OUT:
          me.target.gotoAndStop('out');
          break;
          case MouseEvent.MOUSE_DOWN:
          me.target.gotoAndStop('clic');
          break;
          case MouseEvent.MOUSE_UP:
          me.target.gotoAndStop('over');
          navigateToURL(new URLRequest(liens[id]));
          break;
       }
    }



    Voici les sources du tutoriel:

    Cr@zy
    Nouveau membre
    Nouveau membre

    Messages : : 48
    Age : : 36
    Logiciels : Logiciels : : Photoshop & flash cs3
    Date d'inscription : 17/07/2009

    Re: Menu as3 dynamique avec images externes

    Message par Cr@zy le Lun 28 Sep - 9:01

    je vien de regarde ton tuto qui vraiment tros cool merci l'ami Wink

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

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

    Re: Menu as3 dynamique avec images externes

    Message par artkabis le Lun 28 Sep - 11:41

    Merci, je l'ai fait à la demande d'un membre. Sinon ce qui est intéressant ici, c'est de pouvoir adapter facilement le menu, c'est quand même plus sympa de pouvoir gérer le nombre de bouton, leurs titres et leurs url's en quelques secondes.

    En tout cas merci pour le com !!!


    _________________
    J'me fais de la pub et na tongue

    Cr@zy
    Nouveau membre
    Nouveau membre

    Messages : : 48
    Age : : 36
    Logiciels : Logiciels : : Photoshop & flash cs3
    Date d'inscription : 17/07/2009

    Re: Menu as3 dynamique avec images externes

    Message par Cr@zy le Lun 28 Sep - 12:02

    ouais c claire que c sympa ceux système je v essaye de le faire cette semaine car je pense que sa pourra me servir pour le projet que je t parle alors encore merci Wink

    steuteurback
    Nouveau membre
    Nouveau membre

    Messages : : 28
    Age : : 33
    Logiciels : Logiciels : : photoshop cs4, dreamweaver et flash cs4
    Date d'inscription : 06/12/2009

    Re: Menu as3 dynamique avec images externes

    Message par steuteurback le Mer 23 Déc - 19:21

    Coucou,

    2 questions pour toi
    J'ai reussi à mettre les boutons en dessous de l'un l'autre ça ok

    1) alors je veux suprimer l'image en fond et faire pour changer la couleur du texte mais quand je passe ma souris dessus il me marque "Titre du bouton" et j'ai plus le vrai titre genre "forum".

    Quel est l'erreur.

    2) pour ajouter les lien url comment faire pour ouvrir dans le méme flash mais à coté c'est pour ça en faite -> futur site

    Merci beaucoup le site et pour noel donc j'espére tu pourras répondre

    Kirkoo
    Nouveau membre
    Nouveau membre

    Messages : : 46
    Age : : 64
    Logiciels : 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 as3 dynamique avec images externes

    Message par Kirkoo le Mer 10 Mar - 18:47

    Merci!
    J'ai bien aimé
    @+
    Kirkoo

    maroki92
    Nouveau membre
    Nouveau membre

    Messages : : 5
    Age : : 30
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 27/01/2010

    Re: Menu as3 dynamique avec images externes

    Message par maroki92 le Mar 23 Mar - 13:51

    c'est un beau tuto continué ainsi

    idefix
    Ceinture jaune
    Ceinture jaune

    Messages : : 360
    Age : : 59
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Paintshop Pro , gimp , blender , cinema 4d , Adobe flash cs4
    Date d'inscription : 30/03/2010

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

    Re: Menu as3 dynamique avec images externes

    Message par idefix le Ven 2 Avr - 13:11

    Merci pour ce fabuleux tutoriels ,
    juste une question ,
    avec ce système le bouton est en externe mais
    on ne peux pas changer le graphique du bouton ?
    et il serais alors possible de prendre les paramètres en externe
    (nombres de bouton, liens et titres) avec un fichier texte je suppose .

    Contenu sponsorisé

    Re: Menu as3 dynamique avec images externes

    Message par Contenu sponsorisé Aujourd'hui à 22:24


      La date/heure actuelle est Dim 4 Déc - 22:24