Accueil Forum Tutoriaux Contactez nous
Aidoforum.com  •  Forum  •  Chat  •  Annuaire  •  Demander de l'aide  •  Tutoriaux  •  Rechercher  •  Lexique informatique  •  Traducteur SMS


Il y a actuellement 301 tutoriaux sur Aidoforum. Toute reproduction, partielle ou complète, est interdite.

Retour aux tutoriaux.

Ajoutez vos propres tutoriaux sur Aidoforum !
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


Commentaire de brain stormed le 05 Aout 2005 à 16h02

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



Commentaire de kakou le 15 Décembre 2005 à 17h27

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


Commentaire de Verica le 04 Septembre 2006 à 22h33

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 fleurde lus le 10 Octobre 2006 à 10h55

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


Commentaire de tanaig le 21 Novembre 2006 à 16h36

serait il possible davoir la 2eme version


Commentaire de scapino le 21 Décembre 2006 à 02h22

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 Lilfalzar le 14 Janvier 2007 à 18h27

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 Eleden le 15 Janvier 2007 à 18h34

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 NITRAM le 16 Février 2008 à 12h20

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.




/!\ Vous devez être inscrit pour pouvoir commenter ce tutoriel, ou demander du support. /!\
Soutenez Aidoforum
Ordinateur portable - Réduction informatique - Créer son site - Annuaire liens en dur - Entraide Informatique - The Site Oueb - Photoshop - Pc Dossier - The Gimp - Informatruc - Templarts : kits graphiques - Annuaire photoshop - Voyage en Chine - Tout Pour Le PC - Liens-Utiles - Webmaster - Communauté informatique - Smtechnologie - Sospc-en-ligne - Action-PC - Annuaire - AC-Astuces - Services - Net-Pratique - PC-Dimension - Portail Php - Astuces Windows - fond ecran et photo - Hotel video - Actualité informatique - Séjours - Forum de Science - Devenir Webmaster - Liens - Plan du site