IntroductionTous ceux qui ont déjà fait un site en flash vous le diront : il est fortement recommandé de mettre une barre de préchargement à l'entrée du site, car sinon, le préchargement s'effectue sans qu'il ne se passe quoi que ce soit, et vous l'imaginez sans doute, l'internaute ne va pas rester éternellement sur une page où il ne se passe rien. C'est pourquoi je vous invite à prêter une attetion toute particulière à ce tutoriel.
Voici les différentes étapes :
1. Création du MovieClip d'attente
2. Insertion du code actionscript
Je suis désolé si je n'explique pas le script, mais il y a des notions de bases qui n'ont pas été abordées dans les tutoriaux précédents (variables, conditions...), mais qu'on peut retrouver dans certains langages, comme le Javascript (Le Javascript étant un cousin de l'actionscript).
Commençons.
1. Création du MovieClip d'attenteOuvrez flash, ouvrez un nouveau document et créez-y une animation que vous êtes habitué à faire. Je vous conseillerais de faire une animation toute simple, ne cherchez pas à remasteriser un des épisodes des simpsons, sinon lors de la séquence de test, le préchargement va être trop long et vous allez attendre 3h devant votre PC pour vérifier si le préchargement fonctionne. Faites un carré qui se change en rond, ça ira très bien.
Décalez votre animation de 2 frames dans le scénario, puis créez 2 nouveaux calques, et nommez-les "script" et "visuel".
Laissez-leur juste les 2 premières frames, supprimez toutes les autres.
Le calque "visuel" doit être constitué d'uneimage clé et d'une image simple, tandis que le calque "script" doit être constitué de 2 images clés.
Faites Insertion/Nouveau symbole ou Ctrl+F8. Une boîte de dialogue s'affiche. Comme nom, mettez "mc_bar" et comme type, choisissez "Clip".
Vous voilà sur une nouvelle page, avec un nouveau scénario. Pas de panique, c'est normal, votre animation de départ n'est pâs perdue, vous êtes juste sur le scénario du MovieClip, et c'est sur ce scénario que vous allez créer votre animation d'attente, indépendamment du reste de l'animation principale, c'est là tout l'intérêt du MovieClip.
Je vous laisse à vos qualités d'animateur pour créer quelque chose qui fasse penser à un préchargement. Attention : l'animation doit faire 100 frames.
Une fois votre animation terminées, cliquez sur "Séquence 1" au dessus du scénario pour revenir à votre animation principale.
Faites glisser le MovieClip que vous venez de créer sur la scène depuis la bibliothèque en ayant pris soin de sélectionner le calque "visuel", pour que le MovieClip puisse se poser sur ce calque et pas un autre.
Sélectionnez votre MovieClip, puis dans le panneau des propriétés, mettez "bar" comme nom d'occurence.
2. Insertion du code actionscriptDans la 1ere image clé du calque "script", insérez le script suivant :
- Code:
-
total_bytes = _root.getBytesTotal();
loaded_bytes = _root.getBytesLoaded();
remaining_bytes = total_bytes-loaded_bytes;
percent_done = int((loaded_bytes/total_bytes)*100);
bar.gotoAndStop(percent_done);
ifFrameLoaded (8) { //Mettez entre parenthèses le n° de la dernière frame de votre animation
gotoAndPlay(3);
}
Dans la 2eme image clé du calque "script" :
- Code:
-
gotoAndPlay(1);
Voilà ! Votre animation de préchargement est maintenant terminée.
Si vous désirez que le pourcentage d'animation chargée soit apparent, ajoutez un champs de texte dynamique avec pour nom de variable : "percent_done". Dans cet exemple, c'est le nom qui sera donné, mais tout dépendra du nom de variable qui a été donné dans le script.
Procédez de même pour les autres valeurs, telles que le nombre de bits chargés, restants...
Si vous avez des questions, n'hésitez pas à les poster dans la partie "Programmation en flash".
Remx