Barre de Préchargement (Script uniquement)

 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.

Dernière Modification : Sam 10 Avril 2010 6:58
Copyright © 1999-2010 Jean-Paul Molina Tous droits réservés.