Dans ce tuto Flash ActionScript de plus d'une heure, nous allons créer ensemble un menu plutôt fun puisque celui-ci utilisera des crayons comme bouton.

Lors du développement de ce menu, nous utiliserons une programmation orientée objet (POO). Dans une telle programmation, chaque élément devient objet et c'est donc pour cette raison que nous séparerons chacun d'entre eux dans des classes bien distinctes.

Voici ce que comporte ce menu:

  • Menu dynamique, possibilité de paramétrer: la vitesse, les titres, les liens , le mode d'ouverture et la couleur.
  • Déplacements utilisant la classe TweenMax;
  • Séparation des éléments dans des classes externes
  • Utilisation d'un convertisseur de couleur (fournis dans le pack)
  • Voici ce que nous passerons en revu dans ce tutoriel:

    I°)La partie graphique:
    • Mise en place et découpage des formes
    • Mise en place du texte dynamique
    • Utilisation de filtres
    • Liaison vers la classe adéquat
    II°)La classe Bouton
    • Mise en place de la structure de base
    • Mise en place des imports et des variables
    • Récupération du paramètre de couleur (paramétrage)
    • application de la couleur via les classes Transform et ColorTransform
    • Gestion du mode button et de l'activation de children
    • Renvoie (getter) de la couleur hexadécimal via la classe ConvertColor
    III°)La classe Menu
    • Mise en place de la structure de base
    • Mise en place des imports et des variables
    • Récupération des paramètres du menu (délai, titres, urls, mode d'ouverture)
    • Vérification des paramètre envoyés (condition structure ternaire)
    • Création du menu (boucle while)
    • Mise en place des écouteurs et regroupement de leurs événements
    • Gestion des mouvements via la classe TweenMax
    VI°)Initialisation du projet
    • Import de la classe personnalisé Menu
    • Création de notre menu en passant les paramètres adéquat
    • Mise en place du menu
    • Possibilité d'externaliser l'initialisation depuis une autre classe
    V°)Les fichiers sources:
    1. Fichiers fla pour flash cs3 et cs4
    2. Fichiers swf //
    3. Classe Init.as
    4. classe Menu.as
    5. Classe Bouton.as
    6. Classe ConvertColor.as (convertisseur de code couleur)

    Jetez un oeil à ces autres tuto ActionScript, Flash CS4

    Diaporama automatique 3DDiaporama automatique 3D
    Ce tuto Flash / Actionscript 3 vous expliquera la programmation…

    Un drapeau flottant paramètrable en as3Un drapeau flottant paramètrable…
    Dans cette formation Flash de plus de 1h40 nous allons apprendre…

    Programmer des rebondissements Programmer des rebondissements…
    Ce tuto Flash/AS3 vous guidera dans la programmation de la classe…

    Lecteur vidéo avec slider XML Flash AS3Lecteur vidéo avec slider…
    Dans ce tuto Flash vous apprendrez à réaliser un lecteur vidéo…

    Galerie Photos Drag & DropGalerie Photos Drag & Drop
    Dans ce tuto Flash / ActionScript 3 vous allez voir qu'il est…

    Lecteur vidéo avec slider XML Flash AS3Lecteur vidéo avec slider…
    Dans ce tuto Flash vous apprendrez à réaliser un lecteur vidéo…

    Effet de fumée réalisteEffet de fumée réaliste
    Ce tuto Flash / AS3 vous invite à découvrir la programmation…

    Effet d'ondulations d'eauEffet d'ondulations d'eau
    Ce tuto Flash AS3 vous montrera comment programmer un effet…

    Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto ActionScript, Flash CS4 de 1 heure 18 minutes est proposée dans une résolution plus grande que l’extrait suivant :

    Partagez cet extrait

    Lien vers cet extrait : Embed code :

    artkabis , formateur certifié

    Passionné par le webdesign, j'aime acquérir de nouvelles connaissances en ratissant la toile. Au fil du temps j'ai su mettre à profit mes compétences de webdesigner pour mélanger interactivité, design et animation. Curieux, j'aime être au courant des dernières nouveautés en matière d'applications internet riches (RIA). Autodidacte, je sais m'adapter aux différents outils de création web. J'utilise au quotidien une multitude de logiciels pour parfaire ma soif de création.

    En savoir plus sur artkabis


    Témoignage des clients de artkabis

    Merci pour tous tes tutoriels. Ils sont super agréables et bien conçus. Grâce à toi j'ai appris de nouvelles choses.

    Très bien permet d'apprendre flash rapidement et efficacement

    En un mot...stupéfiant ! Merci beaucoup :)

    Supers tuto, plein de bonnes astuces, merci :)

    Artkabis, vraiment toi tu déchires grave... J'aime vraiment tes tuto et on voit de suite ta passion pour le flash, j'aimerai vraiment avoir 5% de tes connaissances... Bonne continuation à toi...

    Lire les autres témoignages

     

    D'autres tuto de artkabis

    widget capture webcamwidget capture webcam
    Dans ce tuto Flash ActionScript de plus de 2 heures, nous allons développer une application…

    Lecteur mp3 xmlLecteur mp3 xml
    Dans ce tuto de plus de 3 HEURES nous allons créer un lecteur mp3 de A à Z, ce lecteur…

    Créer un colorPicker personnaliséCréer un colorPicker personnalisé
    Voici un tutorial vidéo consacré à la réalisation d'une application avec Adobe AIR.…

    Galerie 3d interactive avec FlashGalerie 3d interactive avec Flash
    Dans ce tutorial Flash ActionScript de près d'une heure, nous allons apprendre à créer…

    voir tous les tuto de artkabis

    Notes attribuées par les utilisateurs (1 vote)

    Note moyenne des utilisateurs  

    Votez pour ce tuto


     

    Les avis / Questions des utilisateurs (3)

    par Woolyà voté :
    (a acheté ce tuto - 08 juin 2011)

    " Superbe tuto, un peu de concentration et on le suit parfaitement! Quelques passages parfois un peu trop rapidement expliqués pour les PURES débutants, mais que c'est agréable de suivre un tuto aussi efficace. Je le visionne et re-visionne encore et encore, merci de cette aide!

    De plus il s'agit du premier Tuto que j'ai acheté sur ce site, et je ne le regrette aucunement! Très bon boulot et continue comme ça ! "

    par artkabis
    (auteur de ce tuto - 25 août 2010)

    " Normalement tu dois avoir cette classe dans le pack fournis avec la vidéo. "

    par matiti242
    (a acheté ce tuto - 25 août 2010)

    " Bonjour,

    Tout d abord merci pour se tuto trés bien expliqué.
    Cependant juste une question, comment je recuperele package :
    fr.artkabis.utils.ConvertColor

    Pour la classe TweenMax, j'ai pu le prendre sur le site de greensock mais la j'ai pas trouvé sur le net pour artkabis.

    Peu etre avez vous des ressources partagé sur un FTP...

    Merci de bien vouloir prendre en compte ma demande ;)

    Bon courage. "

     

    Donnez votre avis ou posez une question au formateur.

    Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

    Ce tuto en résumé ...

    Ce tuto ActionScript, Flash CS4 d’une durée de 1 heure 18 minutes a été acheté 15 fois et a reçu une note moyenne de 5/5.

    Ce tuto a été publié le 31 janvier 2010 par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto ActionScript Application.

    Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

    Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

    Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

    N'hésitez pas à nous contacter si vous avez la moindre question !