Nos tutoriaux vous ont aidé?
Partenaires
Webdesign Tutoriaux
Pix-creations
Snoupix
Dot design
Tutofactory
Artbook tuto blog
Antoine Evin
Cours Photoshop
Artspeak
PixBay
Microshyma
Retrographic
Tuto room
Photoshop
DreamSeed
Utopla
Target Graphik
Kwintox
Annuaire gratuit
Jeux de casino
Casinos en ligne
Forex
Backgammon
Online Casinos
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:
_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:
//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:
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.