Mise à jour du tutoriel: Créer un bouton avec flash

    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)

    Mise à jour du tutoriel: Créer un bouton avec flash

    Message par artkabis le Lun 23 Mar - 13:43

    Bonjour à tous, je me suis rendu compte que le tutoriel: "Créer un bouton" daté quelque peu. J'ai donc décidé de dépoussièrer tout ça en codant déjà en as3, mais aussi en vous proposant différentes techniques que j'utilise moi-même.

    L'apercu:



    Le code:
    Code:

    btn.addEventListener("mouseOver",over);
    btn.addEventListener("mouseOut",out);
    btn.addEventListener("mouseDown",clic);
    btn.addEventListener("mouseUp",declic);

    function over(pEvt:MouseEvent):void{
       pEvt.target.gotoAndPlay("over");
    }
    function out(pEvt:MouseEvent):void{
       pEvt.target.gotoAndPlay("out");
    }
    function clic(pEvt:MouseEvent):void{
       pEvt.target.gotoAndPlay("clic");
    }
    function declic(pEvt:MouseEvent):void{
       pEvt.target.gotoAndPlay("over");
    }


    Voilà, en tout cas j'espère que vous apprécierez ce tutoriel !!!!



    Dernière édition par artkabis le Mer 1 Avr - 15:45, édité 2 fois

    Lilwarre A.K.A. Prod
    Ceinture verte
    Ceinture verte

    Nombre de messages: 631
    Age: 21
    Logiciels: Adobe Master Collection CS4!
    Date d'inscription: 31/12/2008

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

    Re: Mise à jour du tutoriel: Créer un bouton avec flash

    Message par Lilwarre A.K.A. Prod le Lun 23 Mar - 15:58

    Merci ^^ mais curieux comme je le suis je vais te poser une question :
    Est-ce que sa fait parti du tutoriel que tu as dit où l'on va créer une interface flash ?

    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: Mise à jour du tutoriel: Créer un bouton avec flash

    Message par artkabis le Lun 23 Mar - 16:14

    Non c'est une mise à jour de ce tuto: ICI que je trouvais franchement désué, mais tu peux toujours regarder ce tutoriel ICI , il explique comment créer une interface en as3


    _________________
    J'me fais de la pub et na tongue

    Lilwarre A.K.A. Prod
    Ceinture verte
    Ceinture verte

    Nombre de messages: 631
    Age: 21
    Logiciels: Adobe Master Collection CS4!
    Date d'inscription: 31/12/2008

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

    Re: Mise à jour du tutoriel: Créer un bouton avec flash

    Message par Lilwarre A.K.A. Prod le Lun 23 Mar - 17:11

    Ne t'inquiète pas pour moi je regarde tout tes tutos Smile

    JEYJEY
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 100
    Age: 19
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 22/02/2009

    Re: Mise à jour du tutoriel: Créer un bouton avec flash

    Message par JEYJEY le Mar 24 Mar - 0:49

    Super tuto je sens qui va m'être utile smile

    megalex
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 343
    Age: 19
    Logiciels: photoshop cs3, flash cs4,flex builder 3,gimp,code::blocks, notepad++,et bien d'autres...
    Date d'inscription: 12/04/2009

    Re: Mise à jour du tutoriel: Créer un bouton avec flash

    Message par megalex le Mar 14 Avr - 17:19

    magnifique tuto, je connaissait pas les étiquettes. merci pour m'avoir appris cela, sa me sera sans doute utile, et tu m'as fait comprendre certaines choses aussi, auquelles je n'avais pas pensé :D

    ps: quel mode de compression utilise-tu pour tes videos stp? car sa charge vite et une fois en plein écran c'est absolument magnifique, en tout cas on arrive très facilement a lire le code AS ^^

    EDIT: en réalité j'ai tenté de faire ce tuto mais au moment ou tu fais une interpolation de forme entre les deux première phases du bouton moi j'essaie de faire pareil mais l'option interpolation de forme est grisée, je ne peux choisir que les deux autres et la transition ne se fait pas Sad

    REEDIT: alors j'ai supprimé mon bouton et j'en ai refais un et maintenant sa marche :D

    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: Mise à jour du tutoriel: Créer un bouton avec flash

    Message par artkabis le Mer 15 Avr - 11:03

    Merci du compliment megalex, ça fait plaisir de voir que tu as appris des choses grâce à cette vidéo.

    Concernant ton petit soucis, je vais quand même t'expliquer pourquoi l'interpolation de forme fut grisé dans ton cas. Il faut savoir que seul les formes peuvent utiliser ce type d'interpolations et non les clips, les graphiques ou les boutons.


    _________________
    J'me fais de la pub et na tongue

    Nementon
    Newbie
    Newbie

    Nombre de messages: 12
    Age: 20
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 05/07/2009

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

    Re: Mise à jour du tutoriel: Créer un bouton avec flash

    Message par Nementon le Dim 5 Juil - 19:10

    Merci, super tutoriel, très intéressant ! (J'ai pus améliorer ma signature garce a lui Razz )

    J'ai d'ailleurs eut droit a un drôle de bug, que je n'ai toujours pas compris, je m'explique :

    Voulant afficher une animation sur mon texte, je le convertie en clip et lui donne l'occurrence de aqua.
    Je créé mes "petites animations" que j'ai essayé d'appeler ainsi, sur la dernière frame de mon script "AS" principale :


    Code:

    stop(); // Non merci aux boucles =p

    var booly:int = 0;

    aqua.addEventListener("mouseOver",plays);
    aqua.addEventListener("mouseDown",returns);

    function plays(pEvt:MouseEvent):void{
      if(booly == 0) {
        pEvt.target.gotoAndPlay("anime");
          booly = 1;
      }
    }

    function retruns(pEvt:MouseEvent):void{
      pEvt.target.gotoAndPlay("default");
    }



    Ce qui ma permis d'avoir une belle erreur "ReferenceError: Error #1069: La propriété gotoAndPlay est introuvable sur flash.text.TextField et il n'existe pas de valeur"

    J'ai finalement utilise les script suivant :

    Code:

    stop();
    var booly:int = 0;

    aqua.addEventListener("mouseOver",plays);
    aqua.addEventListener("mouseDown",returns);

    function plays(pEvt:MouseEvent):void{
      if(booly == 0) {
          aqua.gotoAndPlay("anime");
          booly = 1;
      }
    }

    function retruns(pEvt:MouseEvent):void{
      aqua.gotoAndPlay("default");
    }



    Mais mettant inspiré du code proposé, je ne comprend pas pourquoi "pEvt.target" ne pointe pas sur mon "aqua" ? Shocked

    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: Mise à jour du tutoriel: Créer un bouton avec flash

    Message par artkabis le Dim 5 Juil - 19:49

    Et bien il te suffit tout simplement de désactiver un texte que tu dois avoir dans aqua, non?

    Si je ne me trompe pas, un simple
    Code:
    aqua.mouseChildren = false;


    réglera ton problème...


    _________________
    J'me fais de la pub et na tongue

    Nementon
    Newbie
    Newbie

    Nombre de messages: 12
    Age: 20
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 05/07/2009

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

    Re: Mise à jour du tutoriel: Créer un bouton avec flash

    Message par Nementon le Dim 5 Juil - 19:55

    Aaah, problème de doc alors, autant pour moi, je ne l'avais pas vus venir celle la =p

    Merci

      La date/heure actuelle est Jeu 9 Fév - 20:25