Examples Flash Animation using swishmax 1 Préchargement % : secteur circulaire

% Preloader sector

The purpose is to set up a percent preloader using a sector and a script.
I suppose you know well how to create objects, thus I will not insist on.

You could not test in Swishmax, only with Flash Player or Browser.

Creating Objects

1 - Set up Movie size 640x480 (background color #009900). Frame Rate 35.

2 - Insert a static text as shown below :

3 - Insert a dynamic text as shown below :

Script

In Outline, select Scene_1. Name it Preloader
Enter the following script :

onLoad () 
{
	// coord center scene
      xc = _root._width / 2;
      yc = _root._height / 2;
      R = 50;	// ray circle
      
      rouge = 0xFF0000;
      black = 0x000000;
      gold = 0xFFD700;
      
      colors = [rouge];
      alphas = [100];
      ratios = [255];
      
      createEmptyMovieClip("cercle", 1);
     
      cercle.lineStyle(1, rouge, 100 );
      cercle.moveTo( xc+R, yc );
      cercle.lineTo( xc , yc );	//  horizontal line
     
}
/*--------------------------------
   Drawing sector
   input :  ratio [0 , 1]
   output : void
---------------------------------*/
function drawSector( coeff )
{
	// angle limit
     angL = 2*Math.PI * coeff;
	// adapt  nb of segments
     if ( coeff <= 0.25) n = 50;
     else
     if ( coeff <= 0.5) n = 100;
     else
     if ( coeff <= 0.75) n = 150;
     else n = 200;
         // limit point 
     xf = xc + R * Math.cos( angL );
     hauteur = R * Math.sin( angL );
     yf = yc - hauteur;
         
     matrix = {matrixType:"box", x:xc, y:yc, w:R, h:hauteur, r:0};
     cercle.beginGradientFill("radial", colors, alphas, ratios, matrix);
          // draw sector
     increment = angL / n;
     for ( i=1; i < n+1; i++)
     {    
       x = xc + R * Math.cos( increment * i);
       y = yc - R * Math.sin( increment * i);  
       cercle.lineTo( x , y );
     }    
         // close sector
     cercle.lineTo( xc , yc );
     cercle.endFill();
}
/*--------------------------------

-----------------------------------*/
onFrame (1,afterPlacedObjectEvents) 
{
    rapport = _root.getBytesLoaded() / _root.getBytesTotal();
    percent = Math.floor( rapport * 100 );
    	// function called back
	// while rapport  < 1
    drawSector(rapport);  
    	//  dynamic text
    txtX = String( percent );
    txtdyn = txtX ADD " %";
	// loading complete , go to next scene
   if (rapport == 1) 
    { 
	cercle.removeSprite();
	nextSceneAndPlay();  
    }
}

onFrame (2,afterPlacedObjectEvents) 
{    // we get here 'cause rapport < 1
    prevFrameAndPlay();
}

I have tested it and it works good. If it doesn't work for you, check out with the images above ( target toggled, anchor center, ...) You might set up many colours for the gradient as you want, but don't forget colors, alphas, ratios arrays MUST have the same numbers of items.

Page de Jean-Paul Molina

Subjects

Resources

C.A.D.

Langages

Flash

Systems

Social Networks

% Preloader sector