Dans cette formation Flash de plus de 1h40 nous allons apprendre à réaliser un drapeau flottant paramétrable avec ActionScript 3. Cette application de Drapeau flottant permettra d'appliquer des ondulations réalistes sur un drapeau, et cela de manière entièrement paramétrable.
Voici la liste des réglages disponibles dans ce tuto :
- cible à onduler
- vitesse soufflerie
- oscillation verticale
- oscillation horizontale
- ScaleX
- ScaleY
- Direction du souffle (droite ou gauche)
- Activation des ombres
- Niveau de décalage
Voici ce que nous passerons en revue dans cette formation:
I°) Création de l'interface :
- importation de l'image utiliser pour l'environnement du drapeau
- Utilisation de masque pour recentrer l'image
- Création du drapeau : mise en place de la tige, de ses extrémités
- Création des tissus du drapeau: différents exemples à utiliser
- Liaison du drapeau via la classe Drapeau
II°)Mise en place de la classe Nuages :
- Mise en place de la structure principale: package, classe, constructeur
- Mise en place des paramètre de réglages liés à la génération de nuages
- Initialisation de l'ensemble des variables d'Adobe
- Mise en place du BitmapData, de la matrice et du nuage.
- Création d'un enterFrame pour la mise en place de l'animation
- Animation des nuages: translation, création d'élément graphique depuis les méthodes graphics
III°)Mise en place de la classe Oscillation :
- Mise en place de la structure principale: package, classe, constructeur
- Mise en place de l'ensemble des imports du projet
- Mise en place de l'ensemble des variables de la classe
- Mise en place des paramètre de réglages liés aux oscillations
- Récupération des paramètres passés au constructeur
- Créations dynamique des nuages
- Création du drapeau via les méthodes graphics
- Gestion de l'ombrage et de sa génération
- Gestion des déplacement, de la matrice, du displacementMapFilter, du BitmapData et du dégradé.
- Gestion de l'animation des éléments oscillatoires
IV°) Initialisation du projet et mise en place des oscillations sur le drapeau :
- Création de l'objet drapeau
- Création des vagues oscillatoires
- Instanciation du drapeau et mise en place du paramétrage des oscillations
- Ajout des oscillations dans le drapeau.
V°) Correction partagée
- Comment retrouver une erreur dans son code ?
- Étudier le panneau de sortie ou d'erreur.
VI°) Les fichiers sources utilisés dans ce tuto :
- Fichiers fla pour Flash cs3,cs4 et cs5
- Fichiers swf
- Image utilisée
- Classe Nuages.as
- Classe Oscillation
Jetez un oeil à ces autres tuto ActionScript
Diaporama automatique 3D
Ce tuto Flash / Actionscript 3 vous expliquera la programmation…
Programmer des rebondissements…
Ce tuto Flash/AS3 vous guidera dans la programmation de la classe…
Lecteur vidéo avec slider…
Dans ce tuto Flash vous apprendrez à réaliser un lecteur vidéo…
Communication entre applications…
Dans ce tuto Flash AS3 vous apprendrez à créer une connexion…
Galerie Photos Drag & Drop
Dans ce tuto Flash / ActionScript 3 vous allez voir qu'il est…
Lecteur vidéo avec slider…
Dans ce tuto Flash vous apprendrez à réaliser un lecteur vidéo…
Effet de fumée réaliste
Ce tuto Flash / AS3 vous invite à découvrir la programmation…
Effet 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 de 1 heure 43 minutes est proposée dans une résolution plus grande que l’extrait suivant :
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
Adobe CS Live : Présentation des outils
Voici une présentation des nouveaux outils d'Adobe CS Live. Vous y trouverez une présentation…
Personnaliser le menu contextuel d'un swf
Voici un tuto Flash Actionscript qui vous permettra de personnaliser le menu contextuel…
Déplacer des objets avec un joystick
Dans ce tuto Flash / Actionscript de près de 2 heures, nous allons créer une application…
Présentation des nouveautés
Dans ce tuto Flash, en vidéo, je vais vous présenter quelques-unes des dernières nouveautés…
Notes attribuées par les utilisateurs (1 vote)
Les avis / Questions des utilisateurs (5)
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 d’une durée de 1 heure 43 minutes a été acheté 8 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 25 juin 2010 par artkabis, formateur certifié par Tuto.com, ayant reçu une note moyenne de 3,9/5 pour l’ensemble de ses vidéos.
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.











(a acheté ce tuto - 04 octobre 2011)
" merci! "
(auteur de ce tuto - 06 juillet 2010)
" Pas de quoi c'est bien normale, @+ "
(a acheté ce tuto - 06 juillet 2010)
" Merci à toi pour la rapidité, tout est ok maintenant. "
(auteur de ce tuto - 06 juillet 2010)
" Salut !!!!
Alors en fait, j'avais complétement zappé de diffuser les fichiers sources du projet, j'ai donc uploader l'ensemble des fichiers sources et tu y trouveras:
_ le projet initial avec l'ensemble des fichiers pour flash cs4 et cs5,
_puis le projet identiques à celui créer dans cette formation.
Voilà alors désolais de n'y pas avoir pensé avant et j'espère que tu prendras du plaisir en faisant ce tuto.
Bonne journée à toi !!!
Cordialement, Artk-k. "
(a acheté ce tuto - 06 juillet 2010)
" Hello,
Je viens de télécharger les fichiers, mais je n'ai pas trop le temps de regarder le tuto pour le moment (surtout que je suis total débutant en la matière)
Donnes tu des liens pour les fichiers sources ? (dans le cas contraire, s'ils sont normalement fournis, ils ne sont pas accessible en téléchargement, je n'ai accès qu'aux vidéos) "