Magazine Internet

[Flash] Preloader en AS3

Publié le 02 mai 2008 par Avi Teboul

Voici comment réaliser un preloader en AS3

Bonjour,
1) Ouvrir flash
2) Créez 4 calques : Loading barre, Loading texte, Contenu, AS.
3) Dessinez sur la scène un rectangle de 300 de long et 8 de haut,
   ensuite sélectionnez-le et faites F8, donner comme nom "barre" au
   movieclip, et comme nom d'instance : loadingBar.
4) Dessinez sur la scène une zone de texte et donner comme nom : loadingText
5) Sur la Frame1 du calque AS placez le code suivant :
stop();
function progressListener(e:ProgressEvent):void {
var charger:Number = e.bytesLoaded / e.bytesTotal;
var pourcent:int = charger* 100;
loadingText.text = "Chargement: " + pourcent+ "%";
loadingBar.scaleX = charger;
}
function completeListener(e:Event):void {
loaderInfo.removeEventListener(ProgressEvent.PROGRESS, progressListener);
loaderInfo.removeEventListener(Event.COMPLETE, completeListener);
gotoAndStop(2);
}
loaderInfo.addEventListener(ProgressEvent.PROGRESS, progressListener);
loaderInfo.addEventListener(Event.COMPLETE, completeListener);

6) Sur le calque contenu en Frame2 placez votre animation.
7) Faites ctrl+enter, ensuite allez dans "affichage" et simulez le téléchargement.
8) Vous devriez voir la barre avancer.
Bàv,
Burnside.

Retour à La Une de Logo Paperblog

LES COMMENTAIRES (12)

Par Ariel Katowice
posté le 20 décembre à 09:56
Signaler un abus

MERCI !!!!!

Par sographiste
posté le 07 juin à 15:36
Signaler un abus

Merci ! c'est super !

Par paracetamol
posté le 06 juin à 10:28
Signaler un abus

'{' attendu '}' inattendu il faut verifier vos scripts avant de les envoyer svp

Par soifran
posté le 03 mai à 20:00
Signaler un abus

salut comment tu fais pour que la barre de chargement se charge de gauche à droite et non pas en partant du centre ?

Par myl
posté le 08 janvier à 19:54
Signaler un abus

Merci beaucoup ! Depuis le temps que je me casse la tête à trouver comment faire bouger cette barre.

Par houihoui
posté le 09 juillet à 17:49
Signaler un abus

copieur... indique tes sources la prochaine fois...

Par Renaudgrand
posté le 22 mai à 19:26
Signaler un abus

Pour ceux qui ont des problèmes avec le preloader qui n'apparait qu'au bout d'un moment, vous pouvez consulter cet article qui aborde le problème et donne la solution : http://renaudgrand.com/blog/?p=86

Par filipe
posté le 23 mars à 16:52
Signaler un abus

Salut idem GraaB et Boubzj, le preloader, il n'apparait qu'a 98%....

Par filipe
posté le 23 mars à 16:48
Signaler un abus

Salut idem GraaB et Boubzj, le preloader, il n'apparait qu'a 98%....

Par GraaB
posté le 18 novembre à 16:26
Signaler un abus

Salut j'ai un problème avec le preloader, il n'apparait qu'a 98%....

A propos de l’auteur


Avi Teboul 600 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte