Exemples et Tutoriaux Animation Flash avec swishmax1 Préchargement : script

Préchargement : script uniquement

On se propose de montrer comment réaliser la classique barre de pourcentage de préchargement uniquement par script.

Certains se sont plaints de ne pas arriver à réaliser les exemples de préchargement proposés dans le menu.
Aussi ceci leur est destiné. Certains ont même dit que c'était buggé. Un comble!

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 :

onLoad () 
{
    w = Stage.width;      // recupère largeur et hauteur scène
    h = Stage.height;
    level = 1;		  // niveau	
    	// largeur, hauteur, pt de départ cadre
    Wborder = Math.round(0.6 * w);
    Hborder = 10;
    Xborder = (w - Wborder) / 2;
    Yborder = (h + Hborder) /2;
        // largeur, hauteur, pt de départ texte
    Wtext = 50;
    Htext = 40;
    Xtext = (w - Wtext) / 2;
    Ytext = ( h/2 - Htext);
    	// couleurs
    black = 0x000000;
    white = 0xFFFFFF;
    gold = 0xFFCC00;
    red = 0xFF0000;
    
    // création du cadre
    createEmptyMovieClip("cadre", level );
    cadre.lineStyle(0, black, 100 );
    cadre.beginFill( white, 100 );
    cadre.moveTo( Xborder , Yborder );
    cadre.lineTo( Xborder , Yborder-Hborder );
    cadre.lineTo( Xborder + Wborder , Yborder-Hborder );
    cadre.lineTo( Xborder + Wborder , Yborder );
    cadre.lineTo( Xborder , Yborder );
    cadre.endFill();
    
    // création du ruban
    level++;
    createEmptyMovieClip("ruban", level );
    ruban.beginFill( red, 100 );
    ruban.moveTo( Xborder+1 , Yborder );
    ruban.lineTo( Xborder+1 , Yborder-Hborder+1 );
    ruban.lineTo( Xborder + Wborder , Yborder-Hborder+1 );
    ruban.lineTo( Xborder + Wborder , Yborder );
    ruban.lineTo( Xborder+1 , Yborder );
    ruban.endFill();
    
    // création du texte dynamique
    // Mask off stage objects NE doit PAS être coché !
    // ( Objets hors cadre )
    
    format = new TextFormat();        
    format.size = 18; 
    format.color = gold;        
    format.font = "Georgia"; 
    format.align = "center";    
    level++;
    createTextField("Pourcent",level,Xtext,Ytext,Wtext,Htext);         
    Pourcent.setNewTextFormat(format);        
}
onFrame (1) 
{
    // calcule le pourcentage chargé
    var pctLoaded:Number = Math.round( (getBytesLoaded()/getBytesTotal()) * 100);     
    // l'échelle du ruban est adaptée
    ruban._xscale = pctLoaded;
    // le texte suit en conséquence
    Pourcent.text = String(pctLoaded) + "%";
    if (pctLoaded == 100) 
    {    // Plus besoin des objets
        cadre.removeMovieClip();
        ruban.removeMovieClip();
        Pourcent.removeMovieClip();
        nextSceneAndPlay();
    }
}
onFrame (2) 
{
    /* si l' on est dans la frame 2, c'est que le chargement à 100%
     n'a pas été réalisé, alors on revient en arrière
     et on recalculera le pourcentage       */

prevFrameAndPlay();
}

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

Préchargement : script uniquement