[Flash] Le preloader en flash avec barre de chargement Par Burnside
le mardi 7 août 2007, 12:36
Maintenant que nous avons compris comment réalisé un preloader en mode pourcentage nous allons ajouter une barre de progression...
Bonjour,
Dans ce tutorial vous allez apprendre a créer une barre de chargement pour vos animations flash...
1) Ouvrir flash
2) Importer votre image dans la bibliothèque (fichier=>importer=>importer dans la bibliothèque)
3) Créé plusieurs calques et nommé les : texte, barre, contenu et As.
4) En frame 3 sur le calque contenu, placé votre image et donné comme nom : start
5) En frame 2 sur le calque As, placé le code suivant : gotoAndPlay(1);
6) En frame 1 sur la calque texte, dessiné une zone de texte dynamique avec comme nom d'instance : pourcentcharge
7) Sur la frame 1 du calque As, placé ce code :
my_bytetotale = Math.round (this.getBytesTotal());
my_bytecharge = Math.round (this.getBytesLoaded());
my_pourcentcharge = Math.round((my_bytecharge/my_bytetotale) *100);
this.labarre._width = my_pourcentcharge;
this.pourcentcharge.text = "Pourcent chargé : "+ my_pourcentcharge + "%";
if (my_bytecharge == my_bytetotale){
this.gotoAndPlay("start");
}
j'ai juste rajouté la ligne :
this.labarre._width = my_pourcentcharge;
qui veut juste dire : la taille de la barre doit être égal au pourcentage chargé.8) Dessinner sur le calque barre un rectangle, selectionner uniquement
l'intérieur et faite F8 et donner comme nom : labarre et choisssiez movieClip.
9) Selectionné le movieClip et donner comme valeur de largeur 100 et hauteur 15.
10) Faite ctrl+enter.
Allez dans le menu view et ensuite simulated download.
Liens:
Démo: ICI
Source: ICI
Bàv,
Burnside.












Ziki
Dailymotion
Flickr
Technorati
Twitter
1. Le mercredi 24 octobre 2007, 01:41 par Dan
2. Le mercredi 24 octobre 2007, 10:52 par got
je souhaite agrandir la barre en largeur, mais la progression s'arrete a 100 pixels. Or, je ne vois dans le code aucun endroit ou cela est indiqué.
Comment puis-je modifier ce parametre dans ce cas SVP?
3. Le jeudi 8 novembre 2007, 23:57 par maroc-logiciel
dd
4. Le lundi 24 décembre 2007, 12:18 par Nando
Vraiment sympa de partager un maxi de trucs avec tout le monde.
Que Dieu te benisse!
t'as le bjr de la Côte d'Ivoire!
joyeux noel!
5. Le lundi 14 janvier 2008, 13:48 par JPR
Merci encore pour ce tuto.
Il marche très bien avec Safari et Firefox mais pas avec IE....
Y aurait-il une explication?
Merci de me répondre.
Amicalement.
JPR
6. Le lundi 28 janvier 2008, 11:30 par bill
salut je suis sous cs3 en as3 qui est super pour tout les new effets de flash par contre les methodes de prechargement ne sont plus les meme et j'arrive pas a trouver un script en as3 pour un prelod avec objet et texte pourriez vous m'aider svp
7. Le dimanche 9 mars 2008, 00:18 par clabab
bonjour, je viens de télécharger ton fichier "pre_bar_pourc.fla" et quand je l'ouvre avec flash version 7.1, j'ai un message 'format de fichier innatendu" !!!
que faire??
ça fait un moment que je cherche de l'aide pour une barre de load et je pensais avoir touver enfin la lumière!!!!
si tu as un truc pour ouvrir ton source , je suis preneur.
merci
8. Le mardi 18 mars 2008, 23:29 par Manaudou
C'est trsè beau dans cette maison
le design de ton blog st particulier, j'aime beaucoup ! au laisir ! 
9. Le vendredi 2 mai 2008, 16:32 par crepeosucre
Bonjour
Voici un autre tuto de ma création concernant les barres de chargement. Je le crois clair, pour ceux qui ont peur du Flash.
www.gpelese.fr/CREER UNE BARRE DE CHARGEMENT FLASH.pdf
Cordialement,
Guillaume
10. Le samedi 7 juin 2008, 21:21 par ana648
Merci beaucoup pour ce tuto, ça aide bien quand on débute!
Mais je bloque un peu malgré tout:
J'ai mis en guise de contenu une animation swf. La barre charge bien, mais ensuite l'animation (le contenu) s'affiche sans se lire... comme étant sur "pause".
J'imagine qu'il faut insérer un code qui lance la lecture du swf intégré, mais j'ignore lequel... (je suis vraiment nulle, je sais)..
Si jamais quelqu'un peut m'aider, ce serait vraiment gentil.
Merci!
11. Le dimanche 29 juin 2008, 17:02 par mxky
Y a pas une solution pour IE, parce que c'est vraiment la galère pour trouver une barre de chargement compatible FF et IE..
12. Le lundi 20 avril 2009, 16:38 par Psychedeclip
Pour intégrer la barre de preload dans une animation il sufit d'inserer 3 image au debut de votre animation, 3 calque au lieu de 4 (texte,barre,as; le calque "contenu" est remplacé par les calques de votre animation) et d'executer les conseils de notre ami!
Au fait merci à toi!