Exemples et Tutoriaux Animation Flash avec swishmax Barre Préchargement (Script)

Barre de Préchargement (Script)

On se propose de montrer comment réaliser la classique barre de pourcentage de préchargement uniquement par script.
Il suffit de faire un copier-coller de ce script dans une scène à mettre en premier dans votre scénario.
( si les couleurs vous plaisent évidemment )

Voici le script général de cette scène initiale :

onSelfEvent (load)
{
    Stage.scaleMode = "noScale";
    
    //--- police - Font parameters
    var txtF = new TextFormat();
    txtF.color = 0;
    txtF.align = "center";
    txtF.font = "Georgia";
    txtF.size = 12;
    txtF.bold = false;
    txtF.italic = false;
    
    //--- contour - outline
    var bar_border = true;
    var bar_border_color = "0x000000";
    var bar_color = "0xFF0000";
    var bar_width = 250;
    var bar_height = 10;
    
    //--- champ texte - texte field
    var txt_loader = createTextField("txt_loader", 10, 0, Stage.height / 2-(3*bar_height), Stage.width, Stage.height);

//--- création des objets conteneurs - create objects
    createEmptyMovieClip("progressBar_mc", getNextHighestDepth());
    progressBar_mc.createEmptyMovieClip("bar_mc", 1);
    progressBar_mc.createEmptyMovieClip("outline_mc", 2);
    
    //--- dessine le contour - draw bar outline
if (bar_border)
{
    with (progressBar_mc.outline_mc)
    {
        lineStyle(0, bar_border_color);
        moveTo(0, 0);
        lineTo(bar_width, 0);
        lineTo(bar_width, bar_height);
        lineTo(0, bar_height);
        lineTo(0, 0);
    } 
}

//--- remplissage de la barre de chargement - fill in bar
with (progressBar_mc.bar_mc)
{
    beginFill(bar_color, 100);
    moveTo(0, 0);
    lineTo(bar_width, 0);
    lineTo(bar_width, bar_height);
    lineTo(0, bar_height);
    lineTo(0, 0);
    endFill();
    _xscale = 0;                         // echelle 0 au départ
}

//--- position de départ de la barre - x,y   coordinates
progressBar_mc._x = (Stage.width - bar_width) / 2;
progressBar_mc._y = Stage.height / 2;
}
///////////////////////////////////////////////////////////////
onSelfEvent (enterFrame)
{
    var percentLoaded = Math.floor(_root.getBytesLoaded() / _root.getBytesTotal() * 100);
  
    if (percentLoaded >= 1)
    {
        txt_loader.text = "Chargement " + percentLoaded + " %";
        txt_loader.setTextFormat(txtF);
        progressBar_mc.bar_mc._xscale = percentLoaded;
    } 
    
    if (percentLoaded >= 100)
    {
        progressBar_mc.outline_mc.removeMovieClip();
        progressBar_mc.bar_mc.removeMovieClip();
        progressBar_mc.removeMovieClip();
        txt_loader.removeTextField();
        
        delete this["bar_border"];
        delete this["bar_border_color"];
        delete this["bar_color"];
        delete this["bar_width"];
        delete this["bar_height"];
            
        nextSceneAndPlay();
    }
}
//////////////////////////////////////////////////////////////////

Ceci ne peut pas être testé dans Swishmax, uniquement dans le Player ou le Navigateur.

Page de Jean-Paul Molina

Matières

Ressources

Conception assistée

Langages

Flash

Systèmes

Réseaux sociaux

Barre de Préchargement (Script)