Voici plus de 2 heures de formation Flash ActionScript pour créer la simulation d'incandescence d'une allumette. Pour cela, nous allons créer nos flammes et notre fumée en utilisant conjointement l'API de dessin de Flash et l'ActionScript

Visionnez l'animation finale

Cette formation complète sera séparée en deux grandes étapes:

  • Les techniques de dessin et d'animation (près d'une heure)
  • Le développement POO d'un projet (getter setter)

Fonctionnalités de notre future application:

  • Feu animé et réaliste
  • Fumée tout aussi réaliste
  • Allumette animée (simulation des braises incandescentes, de la déformation, et du noircissement)
  • Déclenchement de la fumée une fois l'allumette consumée

Ce que vous verrez dans ce tuto Flash:

I)Création de la partie graphique et des animations (environ 1 heure de formation)
  • Création de la base de l'allumette (allumette seine)
  • Création de l'allumette brulée (noircie, abimée et déformée)
  • Mise en place des braises incandescentes (masque,interpolation, déformation) 
  • Création de la base moléculaire des flammes et de la fumée (dégradé,filtre,interpolation,effet de couleur)
  • Création de coquilles, qui contiendront les particules animées
II°) Mise en place de la classe Brume
  • Initialisation du projet (package, classe, constructeur)
  • Import des classes liées au package flash
  • Mise en place de l'ensemble de variables du projet
  • Ajout d'écouteur pour la détection de l'ajout à la liste d'affichage
III°) Mise en place de la classe Fume
  • Initialisation du projet (package, classe, constructeur)
  • Import des classes liées au package flash
  • Mise en place de l'ensemble des variables du projet
  • Ajout d'écouteur pour la détection de l'ajout à la liste d'affichage
IV°) Mise en place de la classe Fire (paramétrable):
  • Initialisation du projet (package, classe, constructeur)
  • Import des classes liées au package flash et fr.Flame
  • Mise en place de l'ensemble des variables du projet
  • Création des méthodes getter setter pour la lecture et l'écriture des paramètres
  • Création de la flamme, déclenchement aléatoire des paramètres de celle-ci.
V°) Mise en place de la classe Flame (paramétrable):
  • Initialisation du projet (package, classe, constructeur)
  • Import des classes liées au package flash et fr.Fume
  • Mise en place de l'ensemble des variables du projet
  • Création des méthodes getter setter pour la lecture et l'écriture des paramètres
  • Création de la fumée via le déclenchement aléatoire des paramètres de brume.
VI°) Mise en place de classe principale Allumette:
  • Initialisation du projet (package, classe, constructeur)
  • Import des classes  flash et fr : StringUtils et Timeout (classe perso)
  • Mise en place de l'ensemble des variables du projet
  • Mise en place de l'objet "flamme" et paramétrage
  • Mise en place des paramètres de l'objet "Fume"
  • Déplacement de la flamme via la classe TweenMax
  • Création de la fonction d'extinction (disparition)
  • Création de la fonction de vérification (pour suppression ou ajout d'objet)
  • Création de la fonction de suppression
  • Création de la fonction tracer (renvoie avancé des information sur les événement lié à l'animation des objets, de leurs identités, de leurs paramètre,etc), cette fonction utilise la classe StringUtils qui nous permettra de formater le texte affiché dans le panneau de sortie.
VII°)Les fichiers sources :
  • Fichiers fla et swf pour flash cs3 et cs4
  • Classes : Brume, Fume, Fire, Flame, Allumette.
  • Package artkabis: 2 classes perso proposées

Jetez un oeil à ces autres tuto Flash CS4

Gérer un modèle 3D dans Flash CS4Gérer un modèle 3D dans…
Dans ce tuto Flash CS4 et ActionScript 3 vous apprendrez à…

Jeu Merlin FLash 3DJeu Merlin FLash 3D
Ce tuto ActionScript 3 en vidéo, d'un niveau intermédiaire,…

Champ de vidéos 3DChamp de vidéos 3D
Dans ce tuto Actionscript 3 en vidéo, vous allez apprendre…

Répertoire téléphonique avec Flash, xml et PHPRépertoire téléphonique…
Dans ce tuto Flash en vidéo, vous allez apprendre à développer…

Créez un site flash de type PortfolioCréez un site flash de type…
Apprenez dans cette formation à réaliser un site complet en…

 Website xml avec utilisation de SWFAddress et SWFObjectWebsite xml avec utilisation…
Dans ce tutoriel, nous allons créer un website dynamique qui…

Créer un website avec gestion xml en as3Créer un website avec gestion…
Dans ce tutoriel nous allons créer ensemble un mini site internet…

Débutez facilement avec Flash CS4Débutez facilement avec Flash…
Cette vidéo de découverte va vous permettre de découvrir…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Flash CS4 de 2 heures 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

Documenter ses classes actionscript en quelques clicsDocumenter ses classes actionscript en quelques clics
Dans cette formation, j'ai décidé de passer en revu la mise en place de documentation…

Explosion de texte entiérement paramètrableExplosion de texte entiérement paramètrable
Dans ce tuto Flash ActionScript de plus de 1h30, nous allons créer une application nous…

Backgound adaptable et son colorPickerBackgound adaptable et son colorPicker
Dans ce tuto Flash ActionScript 3, apprenez à développer une application dont on pourra…

Compteur de visites digitalCompteur de visites digital
Dans ce tuto Flash / ActionScript AS3, nous allons créer un compteur de visite digital.…

voir tous les tuto de artkabis

Ce tuto n’a pas encore reçu de vote

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (2)

par artkabis
(auteur de ce tuto - 12 avril 2010)

" Alors depuis quelques temps il semblerait que quelques problèmes apparaissent, malheureusement, je n'ai moi même pas accès à ses fichiers. Par contre, je vais prévenir l'équipe que le fichier 18357.wee pose problème. Voilà je vous informerez de ce qu'il m'aura été répondu. Cordialement, Artkabis "

par gabdudu
(a acheté ce tuto - 11 avril 2010)

" bonjour ,
je viens de télécharger le tuto "allumette enflammée" avec 2 fichiers téléchargés, 18356.wee et 18357.wee; le second fichier ne semble pas fonctionnel ??
Pouvez vous me donner des précisions à ce propos.
cordialement
Gabriel
gabriel.ducandas@wanadoo.fr "

 

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 Flash CS4 d’une durée de 2 heures 18 minutes a été acheté 9 fois.

Ce tuto a été publié le 7 avril 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, dans la catégorie Tuto Flash Effet.

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 !