NoShade.net est en vente — Contactez nous si vous êtes intéressé
Le siteTutoriauxInterviews
icone RSS NoShade.net

Accueil » Tutoriaux » Flash Mx » Preload avec barre et pourcentage

Preload avec barre et pourcentage


Bonjours chers amis de Flash,

Vous commencez à faire des choses intéressantes avec votre logiciel et vous aimeriez jeter ça sur la toile pour le partager avec le monde entier. Mais voilà, votre nièce à Ouagadoudou n'a pas l'adsl et vous vous dites que ça passerais mieux avec un petit preload. Nous allons donc voir ensemble comment faire facilement un preload avec un peu de farine et du sel la barre qui grandit et le pourcentage.



Pour commencer dans votre timeline (voir capture), vous faites deux calques.



Dans le premier (Layer1), vous faites un rectangle de la forme de la barre finale, horizontale on va dire.

Toujours sur le même calque vous placez un cadre de texte dynamique. Dans le panneau de propriété, vérifiez bien que c'est du texte dynamique, c'est important. Et pour le champs "Var:", vous indiquez "percent". Ainsi ce champ de texte va récupérer et retranscrire de façon chiffrée la variable calculée par l'algorithme.

Passons aux choses sérieuses: le code Action Script !
Ce dernier est commenté pour que même dans 6 mois vous le compreniez encore. ^^

Dans votre deuxième claque (Layer 2), vous faites une première image clé avec le code suivant que vous rentrez dans le panneau action:

// Définition du rapport "ce qui est chargé" divisé par "poids total" x 100
_root.percent = _root.getBytesLoaded()*100/_root.getBytesTotal();
// Est-ce que mon animation est chargée ?
if (_root.percent == 100) {
        // On va jouer l'animation
        gotoAndPlay(3);
}
// on arrondis "percent" pour l'affichage et la redimention de la barre
_root.percent = Math.round (_root.percent);


Reprenez votre barre (en cliquant dessus) et dans le panneau action placez ce morceau de code:

onClipEvent (enterFrame) {
        //Redimension du clip
        this._xscale = _root.percent;
}


Retour au claque Layer 2 où vous faites une seconde image qui reçoit un dernier morceau de code:

gotoAndPlay(1);


Oui parce qu'il faut bien faire une boucle pour que le preload fonctionne, n'est-ce pas ?

À partir de l'image 3 vous pouvez comment à claquer votre animation tranquillou. Cétipabo ?
Le 20/01/2006 par D.C.M.

Partager ce tutoriel : icone Scoopeo icone del.icio.us icone Digg icone Facebook icone Technorati icone TwitThis icone Google icone Live icone MySpace icone Wikio icone Mixx icone Reddit icone NewsVine

Vous avez aimé ce tutoriel ?

Faites un don pour nous encourager à en écrire d'autres! :-)

Commentaires :

lajoie a écrit :

Merci pour votre tutoriel. C'est l'un des tuto que je trouve plus claire et simple à réaliser.

ulk a écrit :

Bonjour et merci pour ce code... seul pb quand je reclique sur le rectangle il me dit qu'aucune action en peux etre associé à cet objet ... une idée ?!

:) a écrit :

C'est qu'il faut convertir ton objet en symbole

Envergur a écrit :

Très bon tuto AS2 !

Masaniello a écrit :

enfin clair et net !!! Merci.

Ajouter un commentaire sur ce tutoriel

Adobe, Macromedia, Flash MX, Barre, Pourcentage, Avancement, Load, Temps, Chargement
Si vous avez remarqué une erreur (une faute ou tout autre type de problème que nous puissions corriger), n'hésitez pas à nous écrire!
Soyez aussi précis que possible et n'oubliez pas de nous indiquer le tutoriel dans lequel l'erreur se trouve. Merci!! :)