Menu AS2 avec classe réutilisable (niveau: intermédiaire)

    Partager

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Mer 11 Mar - 19:56

    Salut les loulous, aujourd'hui nous allons nous amuser à créer un menu en AS2, le petit plus, c'est l'utilisation d'une classe distante qui nous permettra de réutiliser toutes les fonctions liées au rollOver et rollOut, ce qui nous permet par la même occasion de ne pas répéter ces fonctions pour chacun des boutons, le second point positif, c'est que chaque bouton ajouté à la scène possédera les différents états et ceci sans pour autant ajouter une ligne de code.

    Voici le résultat final:


    Les source du tutoriel:
    menu_as2.zip

    Le tutoriel:


    Dans ce tutoriel, il est tout à fait possible d'ajouter des états supplémentaire à vos boutons, comme les états de clic et declic, pour que vous puissiez le faire dynamiquement, voici se que vous devrez ajouter dans la classe externe:
    Code:

       //____○○○---classe---____\\
    class EtatBt extends MovieClip{
       
       //____○○○---Constructeur---____\\
       public function EtatBt (){
          this.onRollOver = over;
          this.onRollOut = out;
          this.onPress = clic;
          this.onRelease = declic;
       }
       //____○○○---fonctions états---____\\
       private function over():Void{
          this.gotoAndPlay ("over");
       }
       private function out():Void{
          this.gotoAndPlay ("out");
       }
       private function clic():Void{
          this.gotoAndPlay("clic");
       }
       private function declic():Void{
          this.gotoAndStop(10);
       }
    }


    Vous devez aussi ajouter l'état à votre bouton, donc placez vous en dernière image puis crééz l'étiquette "clic" avec le texte et le fond du bouton adéquat.


    Si vous souhaitez àjouter des liens à vos boutons, il vous suffira d'ajouter ceci au calque as de votre scene principale:
    Code:

    //________________________________________○○○--titre des boutons
    bt1.textBt.titre.text = "• ACCUEIL";
    bt2.textBt.titre.text = "• PORTFOLIO";
    bt3.textBt.titre.text = "• TUTORIELS";
    bt4.textBt.titre.text = "• FORUM";
    bt5.textBt.titre.text = "• WIDGETS";
    bt6.textBt.titre.text = "• PROFIL";
    bt7.textBt.titre.text = "• CONTACT";
    //________________________________________○○○--Liens des boutons
    bt1.onRelease = function(){getURL ("","_blank")}
    bt2.onRelease = function(){getURL ("","_blank")}
    bt3.onRelease = function(){getURL ("","_blank")}
    bt4.onRelease = function(){getURL ("","_blank")}
    bt5.onRelease = function(){getURL ("","_blank")}
    bt6.onRelease = function(){getURL ("","_blank")}
    bt7.onRelease = function(){getURL ("","_blank")}


    Dernière édition par artkabis le Ven 13 Mar - 13:54, édité 4 fois

    desperadisse
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 218
    Age: 31
    Logiciels: Photoshop CS3, Flash CS3, Dreamweaver CS3, NotePad ++, Wampserver, Flash CS4, Photoshop CS4, Camtasia 6, Adobe Captivate 3.
    Date d'inscription: 07/03/2009

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

    Re: Menu AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par desperadisse le Jeu 12 Mar - 9:19

    Simpa l'effet, j'aimerai être a ton niveau

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Jeu 12 Mar - 10:35

    oh, mais tu y arriveras à mon niveau et ça c'est sûr, il faut juste un peu de temps et de curiosités, après en bossant un peu, tu pourras en faire autant et même mieux qui s'est !!!!


    _________________
    J'me fais de la pub et na tongue

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Ven 13 Mar - 13:49

    Le tuto est arrivé !!!!


    _________________
    J'me fais de la pub et na tongue

    desperadisse
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 218
    Age: 31
    Logiciels: Photoshop CS3, Flash CS3, Dreamweaver CS3, NotePad ++, Wampserver, Flash CS4, Photoshop CS4, Camtasia 6, Adobe Captivate 3.
    Date d'inscription: 07/03/2009

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

    Re: Menu AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par desperadisse le Ven 13 Mar - 15:01

    Ouai, ce soir en retrant chez moi après 1 semaine de boulot ... Sa va faire plaisir de bosser la dessus.

    Merci bien artkabis ^^.

    Pourrais-je simplement savoir ton cursus scolaire s'il te plaît.

    Merci

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Ven 20 Mar - 13:05

    Salut en fait j'ai un cursus un peu bizarre, car j'ai passé un bep compta, puis un bac commerce, pour ensuite faire une école des métiers du webdesign. Par contre, depuis quatre ans, j'ai effectué pas mal de formation côté dévelopement web et j'ai postulé pour entrer à l'école des gobelins. A part ça j'ai quand même bossé à plusieurs reprises avec des agences de pubs et j'ai aussi été en freelance pendant deux ans, voili voilou


    _________________
    J'me fais de la pub et na tongue

    desperadisse
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 218
    Age: 31
    Logiciels: Photoshop CS3, Flash CS3, Dreamweaver CS3, NotePad ++, Wampserver, Flash CS4, Photoshop CS4, Camtasia 6, Adobe Captivate 3.
    Date d'inscription: 07/03/2009

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

    Re: Menu AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par desperadisse le Dim 22 Mar - 21:24

    Ouai je vois que tu t'es orienter dans différentes branche au fur et à mesure de ton évolution.
    École du Web design, sa ça doit être assez sympa non ?

    Enfin bref, franchement chapeau pour tout c'est jolie tutoriel ^^
    Franchement, je le répète encore et encore, j'aimerai être a ton niveau sérieux ^^.

    Merci à toi

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Dim 22 Mar - 22:14

    Oui, mais c'est parfois frustrant, en effet c'est souvent dur de devoir faire des choses qui ne plaisent pas forcement, perso j'aime plutôt être libre dans mes créations et le problème c'est qu'une école encadre un peu trop le côté créatif des élèves, mais bons, ça vaut le coup, car au final on y gagne surtout sur la mise en place de projets professionnels


    _________________
    J'me fais de la pub et na tongue

    Valbuena72
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 180
    Age: 19
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 13/03/2009

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

    Re: Menu AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par Valbuena72 le Lun 23 Mar - 7:43

    et ton bac commerce sert il a quelque chose ?

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Lun 23 Mar - 9:47

    Oui vraiment, quand je me suis mis en freelance, il m'a fallu bien gérer ma clientèle, pour le démarchage, etc. La compta, c'est pareil on va dire que ça m'a permis d'être assez carré dans mes comptes et de bien gérer mes affaires, c'est d'ailleurs pour cela que ça a bien fonctionné. Donc mine de rien, c'est clair que ce ne m'a pas servis pour le côté créatif, mais par contre, pour le côté commercial, marketing, bilan comptable, on peut dire que ça a été un très grand plus...


    _________________
    J'me fais de la pub et na tongue

      La date/heure actuelle est Jeu 24 Mai - 10:40