c-art

Méthodologie : Réaliser un préchargement simple

1. Commencer par placer la commande stop(); sur la première image clé de votre animation.
2. Placez un texte sur la scène qui indique "Chargement en cours"
3. Placez le script ci-dessous sur la première image clé de votre animation (‡ la suite du stop();)


stop();
total = _root.getBytesTotal();
_root.onEnterFrame = function() {
†††charge = _root.getBytesLoaded();
†††part = charge/total;
†††if (part == 1) {
††††††delete _root.onEnterFrame;
††††††gotoAndStop(2);
†††}
};


Explications :

1. Nous stockons dans une premiére variable le poids total de l'animation. Nous avons d'ailleurs utiliser ce même nom ("total") pour nommer la variable.

2. A partir de cet instant, pour effectuer en boucle votre test de chargement de l'animation, vous devez utiliser le gestionnaire onEnterFrame.
Nous l'associons ici ‡ la scêne (_root). précisons que vous n'êtes pas obliges de cibler la scène (_root) comme c'est le cas dans notre exemple, vous pouvez tout autant cibler une occurrence si vous rechargerez une animation dans un clip.

3. Dans une variable intitulée charge, nous stockons le nombre d'octets charges de l'animation.

4. Un test vérifie alors si la part chargée de l'animation correspond au poids total de l'animation. Si c'est le cas, on renvoie alors la tête de lecture sur une autre image de l'animation (on pourrait aussi simplement lancer la lecture de l'animation avec la commande play()) et on arrête l'exécution bouclée du gestionnaire.


Avec cette première méthode, on constate qu'aucune indication nous précise l'État du chargement. On ne sait pas s'il faut attendre 10 secondes ou 2 minutes. Il faudrait voir un pourcentage n'incrémenter ou une animation dont la progression (agrandissement, déplacement, rotation) évoluerait sur un axe, une Èchelle, un repère. Suivez alors la méthodologie N_2.




> méthodologie N_2 : réaliser un préchargement avec une animation proportionnelle


1. Commencer par placer la commande stop(); sur la première image clé de votre animation.
2. Placez un texte dynamique sur la scène dont le nom de variable est affichage
3. Placez un clip sur la scène, nommez son occurrence : ex. barre
4. Placez le script ci-dessous sur la première image clé de votre animation (‡ la suite du stop();)


stop();
total = _root.getBytesTotal();
_root.onEnterFrame = function() {
†††charge = _root.getBytesLoaded();
†††part = Math.ceil((charge/total)*100);
†††affichage = part+" %";
†††barre._xscale = part;
†††if (part == 100) {
††††††delete _root.onEnterFrame;
††††††gotoAndStop(2);
†††}
};


N.B. : Il est très important de régler le point d'alignement de votre clip sur l'un de ses 4 cotés. Pour notre exemple, il est nécessaire de le placer ‡ gauche.


Avec cette deuxième méthode, vous pouvez constater que nous ajoutons simplement un clip et un texte dynamique qui nous informent de l'État de chargement de l'animation.

Le calcul de la variable part est arrondi gr‚ce ‡ la fonction Math.ceil().

précisons tout de même que la cadence de votre animation fait varier le rythme de rafraichissement de l' affichage de votre texte dynamique et de l'animation de votre clip).

Télécharger le fichier