Aidoforum.com : Aide et forum informatique

Il y a actuellement 331 tutoriaux sur Aidoforum. Toute reproduction, partielle ou complète, est interdite.
Ajoutez vos propres tutoriaux sur Aidoforum !     -    Retour aux tutoriaux


Flash MX -> Faire une animation de préchargement... Partie 1

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 :p)

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é :


ifFrameLoaded ("anim", x) {
gotoAndPlay("anim", 1);
}



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.


gotoAndPlay(1);



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 NITRAM, le 25 Juin 2005 à 23h01

Retour à Flash MX


Ajouter un commentaire :


/!\ Vous devez être inscrit pour pouvoir commenter ce tutoriel, ou demander du support. /!\

Commentaires sur ce tutoriel

Commentaire de NITRAM 2008-02-16 12:20:56

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.

Commentaire de Eleden 2007-01-15 18:34:47

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 Sourire

Commentaire de Lilfalzar 2007-01-14 18:27:33

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

Commentaire de scapino 2006-12-21 02:22:27

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.

Commentaire de tanaig 2006-11-21 16:36:33

serait il possible davoir la 2eme version

Commentaire de fleurde lus 2006-10-10 10:55:50

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

Commentaire de Verica 2006-09-04 22:33:39

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

Commentaire de kakou 2005-12-15 17:27:03

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

Commentaire de brain stormed 2005-08-05 16:02:35

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