[AS3]Faire un preloader en flash, ActionScript 3

---

Bonjour,
dans ce tutoriel, je vais vous apprendre comment faire une preloader en flash en utilisant l'ActionScript 3.

Si vous désirez faire un preloader avec ActionScript 2 cliquez sur le lien suivant:
Faire un preloader pour une animation flash en utilisant l'ActionScript 2

Un preloader est un message indiquant le chargement de l'animation souvent en pourcentage et parfois même par une barre pour mieux illustrer le chargement.

Dans ce tutoriel, je vais vous montrer et vous expliquer comment faire un preloader pour vos animations en utilisant l'ActionScript 3.
Notre preloader indiquera le chargement par un texte montrant le pourcentage de chargement mais aussi par une barre pour mieux illustrer le chargement.

Le fonctionnement de ce preloader est assez simple:
Premièrement, la première image de l'animation sera complètement dédiée au preloader.
Dès le lancement de l'animation, on l'arrêtera pour afficher le preloader.
Nous allons faire une fonction permettant d'afficher le pourcentage chargé et d'ajuster la barre correctement.
Dans cette fonction, nous allons aussi vérifier si le chargement est fini. Si c'est le cas, on passe à la deuxième image de l'animation.
Notre fameuse fonction sera appelée à chaque 0.1 secondes. Ça vas permettre d'actualiser le preloader.

J'espère que mes explications ont étés claires.

Bon maintenant, nous allons mettre en marche ce système.
Pour commencer, votre scène dois contenir deux calques, le premier(à partir du haut) sera nommé loader et l'autre contenu.
À vrai dire, le contenu ne commence qu'à la deuxième image puisque la première sera dédiée au preloader.
Mettez une zone de texte dynamique qui aura comme nom d'occurrence "pct_charge".
Ensuite, créez une barre, convertissez la comme symbole et donnez lui comme nom d'occurrence "fond_charge".
Créez une autre barre avec la même hauteur que la précédente. Elle doit être bien aligné avec la précédente. Convertissez la comme symbole mais dans l'alignement, choisissez un carré à gauche. Donnez à cette dernière comme nom d'occurrence "barre_charge".
Mettez ce code pour le calque loader:
stop();
var total;
var loaded;
var pct;
function preload()
{
        total = root.loaderInfo.bytesTotal;
        loaded = root.loaderInfo.bytesLoaded;
        pct = loaded/total*100;
        pct_charge.text = Math.round(pct)+'%';
        barre_charge.width = fond_charge.width/100*pct;
        if(loaded == total)
        {
                clearInterval(pre_check);
                gotoAndPlay(2);
        }
}
var pre_check = setInterval(preload,100);
preload();
C'est tout, votre preloader est prêt!
Voici un résultat d'exemple de ce tutoriel et sa source pour le télécharger:
Tester l'animation

Télécharger le preloader flash pour l'ActionScript 3

Si vous désirez utiliser ce preloader mais sous ActionScript 2, cliquez sur le lien suivant:
Faire un preloader pour une animation flash en utilisant l'ActionScript 2

merci, j'espère que vous avez aimé ce tutoriel et qu'il vous sera utile.

---

Scripts et Tutoriels similaires

[AS2]Faire un preloader en flash, ActionScript 2 Changer Alpha (Opacité/Transparence) d'un symbole en flash, ActionScript 2 et 3 Effectuer translation, rotations, redimentionnements en flash, ActionScript 2 et 3 Detecter la position de la souris flash, ActionScript 2 et 3 Inclure fichier ActionScript (.as) dans une animation flash