Faire une animation de préchargement... Partie 1

Ce tutoriel vous permettra de réaliser une anim de préchargement pour votre animation. Nous verrons 2 façons de le faire.

Hello there !
Nous allons voir ensemble comment créer une séquence afin de précharger votre animation, dans Flash MX 2004 .

Pour cela il exite 2 méthodes.
La première consiste à une "bête" pré-lecture du nombre d'images de votre animation et qui se réalise en 2 calques avec 2 images clés.

La seconde méthode, un peu plus complexe mais plus complète et utilisée sur la plupart des animations Flash, requiert un peu de savoir dans la compréhension de l'Action Script. Oh my God, what is it ! Pas de panique, si vous êtes débutant dans Flash, tout sera bien (ou presque) expliqué (c'est mon premier tuto alors je fais au mieux)

Méthode de préchargement par images
Nous allons tout d'abord créer 2 séquences à notre animation.
Une que nous nommerons Intro et l'autre Anim.

Ensuite placez-vous sur la première séquence.
Créer un nouveau calque et renommez le Actions, ajoutez une image clé au niveau de l'image 10 (raccourci clavier : F6). Renommez le second calque Elèments, nous allons y mettre un peu de contenu.

Prenez l'outil texte et écrivez chargement en cours...
Aligner le au centre de l'animation, puis convertissez le en symbole (F8). Cochez graphique, et nommez le txt_chgmt (ou tout autre nom significatif). Sur le scénario, ajoutez une image clé à l'image 5 (F6) et à la 10, de ce calque.

Placez vous sur l'image clé 5, sélectionnez le symbole et mettez lui une option d'alpha de 0%. Enfin cliquez sur la première image clé et avec la touche shift enfoncée cliquez sur la dernière image clé (vous devriez avoir toutes les images en surbriallance). Ajoutez une interpolation de mouvement, voilà nous avons l'animation de pré-chargement (assez sommaire je l'avoue mais c'est pour débuter ^^)

Maintenant que cette première étape est faite, placez vous sur l'image clé 1 du calque actions et ouvrez le panneau Actions (F9). Nous allons ajouter du code Action Script. Aie ca se gate... Mais non rassurez vous, rien de bien méchant

L'Action Script est l'équivalent du JavaScript pour le HTML, bien qu'un peu plus complexe, il n'en reste pas moins que son utilisation s'avère des plus utile pour la réalisation d'une belle animation...

Code à insérer sur cette première image clé :

On va demander à Flash d'analyser ici le contenu de la séquence anim. Il va lire l'animation invisiblement jusqu'à l'image x (donc en fonction du nombre d'images ou frame). Une fois qu'il a terminé sa lecture, il passe à la première image de cette même séquence (ou même d'une autre).

Seulement s'il on laisse le code tel quel, ben notre animation de texte ne servira à rien. Donc nous allons ajouter un autre code sur l'image clé 10.

Donc en résumé, tant que l'image x de anim, n'a pas été atteint, Flash va lire la séquence intro autant de fois qu'il le faudra...

Voilà donc pour la première méthode, la seconde est à venir.
Si vous avez le moindre problème, n'hésitez pas à laisser un commentaire.

Par Anonyme , Le 25 Juin 2005 à 23h01
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à Flash MX

Ajouter un commentaire

Votre pseudo (sera publié). Inscrivez vous pour garder une trace de vos participations.

Tapez votre commentaire dans le cadre ci-dessous.

Code de vérification :

Recopiez le code :

Commentaires sur cet article

Bonjour les gens, je suis enfin de retour sur ce site, où très bientôt je vous expliquerai (enfin) la 2ème méthode de préchargement des animations Flash.

Pour répondre à Lilfalzar et à d'autres, en me relisant maintenant, je constate qu'une partie de ce tuto n'est pas très clair.

Dans le code à insérer "ifFrameLoaded ("anim", x) {
gotoAndPlay("anim", 1);}", le x est à remplacer par le nombre d'image au total de votre dernière séquence.

Voilà, désolé de répondre si tardivement, mais j'avais pas mal de soucis de connexion.

A plus tard pour la 2ème solution plus complète et plus pratique.

Serait t'il possible d'avoir des images svp car moi je suis pire que debutant et comme je sais pas trop koi faire quand je regarde se que sa donne j'ai juste le telechargemnt voia ldonc jpnese avoir fait une faute xD merci pour celui qui m'aidra a mettre des photos

MoI j'ai toujours le meme probleme, meme si j'heberge l'animation, je ne voit pas l'anim de chargement, des que la page est chargé, ca passe directement à la séquence 2.
j'ai besoins d'aide s'il vous plait.^^(.
Merci

si vous lancez l'animation de votre PC, c'est normal que vous ne voyez pas le chargement, puisque elle s'élance directement.
mais si vous hébergez votre animation Flash sur le web (sur imageshack.us par exemple), là vous allez voir l'animation de préchargement.

serait il possible davoir la 2eme version

j'ai le meme probleme que verica ,je ne vois pas le pretelechargement ,est ce normal?????
merci

Ouin...j'suis pas mal en retard mais bon ^^;

C'est normal que je voix juste l'animation et pas le prétéléchargement?

Et merci pour ce tutorial=D

bonjour
vraiment super simple et super efficace ce tutorial !
merci... à quand la 2e méthode ?!

vraiment super ton tuto pour debutant.
en tt cas j aprecie la demarche