Examples Flash Animation using swishmax Triangle rotatif gradient couleurs

Rotating triangle filled with gradient colors

The goal is to show (using only a script) how to rotate a triangle around a vertical axis so we get a 3D effect.

Principle

2 points of triangle will follow an ellipse, these 2 points being symmetrical.
We 'll use a timer.
Let's describe the different stages right now.

Création des Objets

Set up general sizes 400x300. Background color : 3399CC. Frame rate = 30.

Script

1 - Enter the following script :

onSelfEvent (load) 
{
	_global.a = 100;   // 1/2 main ellipse axle
     	_global.b = 25;    // 1/2  other axle 
           		// center ellipse
     	_global.xc = 200;   
    	_global.yc = 200;
          		// vertex
     	_global.x_vertex = xc;
     	_global.y_vertex = b;   
     	
     	niveau = 1;
     	createEmptyMovieClip("triangle", niveau);  // clip → triangle
     			// increment 
     	n = 100;
     	_global.dt = 2*Math.PI / n;     // increment 2PI/n
     			// pt de depart
    	_global.xxx = 0;   	// init
     	_global._x1 = xc + xe(xxx);   
    	_global._y1 = yc + ye(xxx);
     	_global._x2 = xc - xe(xxx);   // symmetrical point ellipse
     	_global._y2 = yc - ye(xxx);
     	drawTriangle( _x1, _y1, _x2, _y2 );    
}
// drawing
function drawTriangle( x1, y1, x2, y2 )
{
	with ( triangle )
    	{
        	lineStyle(2, black, 100 );
        	colors = [0x3F0000, 0xFF0000 ];
        	alphas = [100,0];
        	ratios = [0,255];
        	matrix = {matrixType:"box", x:x1, y:y1, w:Math.abs(x1-x2), h:yc+b-y_vertex, r:2};  // aussi r : 5
        	beginGradientFill ("linear", colors, alphas, ratios, matrix);
       
        	moveTo(x_vertex,y_vertex);   // from vertex
        	lineTo(x1,y1);
        	lineTo(x2,y2);
        	lineTo(x_vertex,y_vertex);
        	endFill();
    	}
}
	// coord param ellipse
function xe( i )
{    	return a * Math.cos( i * dt );    } 
function ye( i )
{  	return b * Math.sin( i * dt );     }
function new_position()
{
	xxx++;
   	if ( xxx == n ) xxx = 0;
   	_x1 = xc + xe(xxx);
   	_y1 = yc + ye(xxx);     
   	_x2 = xc - xe(xxx);  
   	_y2 = yc - ye(xxx); 
   	triangle.clear();    // erase
   	drawTriangle( _x1, _y1, _x2, _y2 );  // redraw
}
onFrame (1) 
{
	timer = setInterval( new_position, 10 ); // every 10ms
    	new_position();    
}

That's it. Save then export : triangle. Test !

Page de Jean-Paul Molina

Subjects

Resources

C.A.D.

Langages

Flash

Systems

Social Networks

Rotating triangle filled with gradient colors