AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Animation simple de bouton

    Partagez
    avatar
    Riku Asakura
    MasculinAge : 30Messages : 5736

    le Lun 9 Fév 2009 - 1:26

    Rappel du premier message :



    Bonsoir !
    Je viens vous proposer un tuto que j'ai d'abord commencé sous photoshop... pour finalement concevoir une vidéo complète sous Flash... ben ouais je voulais tester ce que ça donnait.

    Vous me direz ce que vous pensez de la mise en forme ainsi que du contenu du tutoriel. Si jamais ma voix suave de mâle fatiguée par une journée de bricolage ne vous convient pas, je vous fournirais une version imagée.
    Tuto Flash

    Les images
    -----Image base --------- Image hover --------- Image Cliquée
    - -

    Bonne vidéo Wink

    Lien direct: Tutoriel complet (cliquez sur lecture, mettez en pause et laissez charger 5 minutes)
    Code:
    btn1.onRollOver = function() {
       clip1.gotoAndPlay(2);
    };
    btn1.onRollOut = function() {
       clip1.gotoAndPlay(21);
    };
    btn1.onRelease = function() {
            clip1.gotoAndPlay(30);
       getURL("accueil.php");
    };

    Explications du code
    Ligne 1 :Pour l'évènement de survole du "btn1", une fonction aura pour effet de...
    Ligne 2 :...d'aller à la frame 2 du "clip1" et de commencer à jouer ce clip
    Ligne 3 :fin de la fonction pour le premier évènement
    Ligne 4 à 6 :Idem pour l'évènement RollOut (lorsque l'on quitte le bouton)
    Ligne 7 à 10 :Répétition de la même fonction pour l'évènement de clic. GetURL permet de rajouter un lien au moment du clic, ici vers "accueil.php" mais vous pouvez mettre n'importe quel lien

    Voilà, j'avais promis ce petit tuto à Shin', en espérant qu'il lui soit utile Wink

    Edit : Je referais certainement la bande son.... et même la vidéo complète, car en revisionnant la vidéo j'ai l'impression que ce tuto ne s''adresse qu'à ceux qui manipulent déjà pas mal le logiciel... il y a des points de détail que j'omets involontairement.

    Bisous


    Dernière édition par Riku Asakura le Dim 28 Nov 2010 - 23:05, édité 11 fois




    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    avatar
    Riku Asakura
    MasculinAge : 30Messages : 5736

    le Dim 15 Fév 2009 - 23:04

    Oui Shinomix ça me semble normal....
    Regarde bien ton deuxième morceau de code (pour le btn2)... regarde bien le nom du clip Razz


    (au passage si tu ne le remarques pas tu as "clip1.gotoAndPlay" qui devrait en fait être "clip2.gotoAndPlay" etc...)

    Bises mon loup Wink




    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    avatar
    Shinomix
    MasculinAge : 24Messages : 3445

    le Lun 16 Fév 2009 - 1:08

    La méchante gaffe xD *étiquette boulet =O*
    Au passage, voilà mon rendu :




    Je l'ai peut-être déjà dit mais c'est un superbe tuto qui m'a bien aidé =)



    avatar
    Riku Asakura
    MasculinAge : 30Messages : 5736

    le Lun 16 Fév 2009 - 2:56

    Lol
    Mais non mais non pas boulet.
    Que celui qui code et qui n'a jamais fait ce type de boulette te jette la première pierre !
    En fait à avoir la tête dans ton code, tu vois moins bien les erreurs qu'un mec complètement extérieur au truc...

    Franchement les boutons dans les yeux c'est une super bonne idée... cependant on ne sait pas que c'est un bouton d'apparence... tu pourrais rajouter un clip qui tourne en boucle et qui fait que l'oeil s'éclaircisse de temps en temps... et quand on passe la souris dessus, ce clip se stop, et le clip de rollOver débute.

    Cela attirera le visiteur à cliquer sur l'oeil, ou au moins le remarquer...

    Enfin c'est un conseil parmi d'autres possibilités Razz
    Ravis de t'avoir aidé en tout cas ^^
    Bise




    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Contenu sponsorisé


      La date/heure actuelle est Jeu 14 Déc 2017 - 21:55