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 AS2 avec classe réutilisable (niveau: intermédiaire)

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Mer 11 Mar - 18: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 - 12:54, édité 4 fois

    desperadisse
    Ceinture jaune
    Ceinture jaune

    Messages : : 218
    Age : : 35
    Logiciels : 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 - 8:19

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

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Jeu 12 Mar - 9: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
    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Ven 13 Mar - 12:49

    Le tuto est arrivé !!!!


    _________________
    J'me fais de la pub et na tongue

    desperadisse
    Ceinture jaune
    Ceinture jaune

    Messages : : 218
    Age : : 35
    Logiciels : 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 - 14: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
    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Ven 20 Mar - 12: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

    Messages : : 218
    Age : : 35
    Logiciels : 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 - 20: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
    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Dim 22 Mar - 21: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

    Messages : : 180
    Age : : 24
    Logiciels : 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 - 6:43

    et ton bac commerce sert il a quelque chose ?

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Lun 23 Mar - 8: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

    Valbuena72
    Ceinture blanche
    Ceinture blanche

    Messages : : 180
    Age : : 24
    Logiciels : 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 - 15:00

    c'est exactement ce que m' a mon prof

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Lun 23 Mar - 15:06

    Désolé, mais il faudrais que tu fasses un effort sur ta façons d'écrire, car je n'ai pas compris ta phrase: Razz

    c'est exactement ce que m' a mon prof

    Valbuena72
    Ceinture blanche
    Ceinture blanche

    Messages : : 180
    Age : : 24
    Logiciels : 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 - 15:12

    Merdouille
    j'ai oublier le mot dit

    c'est exactement ce qu'a dit mon prof ^^

    la je me relis pas je devrai

    pikatchouu
    Ceinture blanche
    Ceinture blanche

    Messages : : 64
    Age : : 39
    Logiciels : Logiciels : : dreamwever photoshop illustrator flash
    Date d'inscription : 13/04/2009

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

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

    Message par pikatchouu le Ven 17 Avr - 3:08

    bonjour et merci pour ses bon petits tutos aux petits oignons. c la troisieme fois qu'en cherchant la solution a mes problème je me retrouves dans tes tutos.

    Au passage on note une bonne évolution sur la qualité des tes tutoriaux par rapport a tes premiers donc félicitation egalement ,

    j'en viens a present a mon probleme j'ai bien suivit ce tuto comme il faut et tout fonctionne parfaitement bien, si j'avais sut je serais venu sur le fofo plus tot car j'ai mis a peu pres 3 heures pour arriver a mettre un lien au bouton et la solution etait ici. oui mais voila en plus de mon lien j'ai prevu une petite image differente qui s'affiche a cote de chaque bouton j'ai imaginé plein de chose et tester encore plus mais aucune ne fonctionne pense tu pouvoir m'aiguiller ?

    en te remerciant
    Stan

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Ven 17 Avr - 11:22

    Salut, déjà je te remecie pour ton compliment, en effet la qualité des tutos ont évolués en même temps que mon apprentissage.

    Pour ton problème, il faut que tu créais un nouveau sujet à cette adresse:
    http://artkabis.forumactif.org/as2-et-as1-f91/
    J'essaierais de t'aider ensuite...


    _________________
    J'me fais de la pub et na tongue

    desperadisse
    Ceinture jaune
    Ceinture jaune

    Messages : : 218
    Age : : 35
    Logiciels : 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 17 Avr - 13:35

    Serais-t-il possible de mettre une image avec le texte ... qui coulisserai en mm temps que le texte voir qui apparais en fondu au moment de l'over de la souris ... ?

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Ven 17 Avr - 13:38

    pikatchouu il faut que tu te présentes avant de poster, c'est l'une des règle que tu acceptés lors de ton inscription, donc en faisant ta présentation, tu pourras accéder à l'ensemble du forum, mais aussi poser ta question...


    _________________
    J'me fais de la pub et na tongue

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Ven 17 Avr - 13:41

    Pour desperadisse:

    oui bien sûr il te suffit de mettre ton image dans la partie over de ton bouton, mais attention, car comme les boutons sont dupliqués, il faudra que tu le fasses dynamiquement...


    _________________
    J'me fais de la pub et na tongue

    desperadisse
    Ceinture jaune
    Ceinture jaune

    Messages : : 218
    Age : : 35
    Logiciels : 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 17 Avr - 13:45

    Pas de soucis, je m'en doutais, mais je voulais demander conseille a un pro ^^ Embarassed lol

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par artkabis le Ven 17 Avr - 13:49

    En tout cas si tu as un problème pour faire ceci, n'hésite pas à créer un sujet dans la bonne section, j'essayerais de t'aider Wink


    _________________
    J'me fais de la pub et na tongue

    desperadisse
    Ceinture jaune
    Ceinture jaune

    Messages : : 218
    Age : : 35
    Logiciels : 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 17 Avr - 13:55

    Merci bien ^^

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par steuteurback le Mer 23 Déc - 12:27

    Salut,

    Petite question comment le mettre en as3 ?

    et faire pour que ça s'ouvre en page à coté juste à rajouter _blanck ?

    Merci

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par Tekken le Dim 10 Jan - 19:20

    j'ai fais le tuto mais par moment mes boutons se bloquent quasiment tout le temps sur l'état "out", en fait il ne reviennent pas à l'état initial.
    J'ai recommencé plusieurs fois mais cela me fais toujours la même chose, d'ou cela pourrait il venir ?

    étant donné que la source du fla n'est plus téléchargeable je n'ai pas plus comparé

    je vous joins mon fla, ce sera plus facile pour vous de visualiser d'ou pourrais provenir l'erreur

    http://files.webopload.net/370721691.menuas2.fla

    merci d'avance pour votre aide


    _________________

    Mon Site Creation



    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par Tekken le Ven 15 Jan - 20:42

    personne ne veut m'aider


    _________________

    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 AS2 avec classe réutilisable (niveau: intermédiaire)

    Message par Demeter le Ven 15 Jan - 20:56

    Alors je vais essayer de t'aider tekken a tu un fichier as car il me donne ceci comme problème

    Impossible de charger la classe ou l'interface 'EtatBt'.

    Et alors explique-moi bien le problème parce que je remarque que tu as déjà un problème avec les textes quand on passe la souris.
    Mais ton problème a toi ces quoi exactement.

    Contenu sponsorisé

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

    Message par Contenu sponsorisé Aujourd'hui à 12:11


      La date/heure actuelle est Mar 6 Déc - 12:11