Tutoriel : Fire Effect en AS2



Voici une traduction du tutoriel anglais Fire Effect fait à la demande d' Ermengarde .

1_ Ouvrir un nouveau document Flash  , cadence 25 Ip/s



2_ Importez sur la scène votre image de bougie ou dessiner la forme .
J' ai utilisé l' outil rectangle configuré comme ceci



avec un dégradé linéaire


3_ Insertion ==> nouveau symbole ( ctrl+F8)
Cocher la case graphique



4_Dans la fenêtre d' édition du nouveau symbole, tracer un rond sans contour avec le dégradé radial Blanc et transparent , comme ceci





5_Sélectionner votre cercle, puis clic droit et convertir en symbole .
Cocher la case clip .



Noter fl en nom d' occurrence


6_ Revenir sur le séquence 1, puis à nouveau Insertion ==> nouveau symbole
Cocher clip.



7_Dans la fenêtre d' édition de ce nouveau clip, faire glisser le symbole Flamme sur la scène.

8_Insérer une image clé à la frame 4



9_Sélectionner la première image clé et modifier la couleur de votre clip comme ceci


Réduisez sa taille au maximum

10_Sélectionner l' image clé suivante et modifier la couleur de votre clip  comme ceci



11_Ajouter une troisième image clé à la frame 24 .
Modifier la couleur du clip flamme comme ceci



Réduire sa taille au maximum et déplacer de 150 pixels vers le haut.

12_ Entre les images 1 et 3 , puis 3 et 24 , créer des interpolations de mouvement ( interpolations classique à partir de flash CS4 )



12_ Ajouter un nouveau calque.

Sélectionner la frame 24 et insérer une image clé.

Puis fenêtre ==> actions ou F9 et coller ce code

Code: Tout sélectionner

gotoAndPlay(1);


13_Revenir sur la séquence 1
Ajouter un nouveau claque flamme et un nouveau calque action.

14_Glisser votre clip sur la scène, sur le calque flamme.
Réduire sa taille si nécessaire.

15_Ajouter 3 images clés, sur les frame1 ;2 et 3 du calque action



Sur l' image clé 1 ; coller ce code

Code: Tout sélectionner

i = 0;
setProperty("fl", _visible, 0);
xx = getProperty("fl", _x);


Sur l' image clé 2 ; coller ce code

Code: Tout sélectionner

if (i < 35)
{
    duplicateMovieClip("/fl", "fl" add i, i);
    setProperty("fl" add i, _alpha, i * 8);
    setProperty("fl" add i, _x, random(3) + xx);
    i = i + 1;
} // end if


Sur l' image clé 3 ; coller ce code

Code: Tout sélectionner

gotoAndPlay(2);


Vous avez presque terminé  
Si vous tester votre animation, vous obtiendrez 2 messages d' erreur .

Pour corriger le problème, faire Fichier ==> paramètre de publication et modifier comme ceci