Ti Vídeo Tutoriais: Cardioide em javaScript

sábado, 31 de outubro de 2015

Cardioide em javaScript

function drawLine(ctx)
{
 var x;
 var y;
 
 var antigoX=0;  
 var antigoY=0;

var tmx = 800;  
 var tmy = 600;  
 
 var k=0.01;

//=================================================================
 ctx.beginPath() ;
 ctx.lineWidth=1 ;
 ctx.strokeStyle = "#F00";

var rotation=45;
 
 var raio = 60;
 var incremento = 80

raio_raio_variavel = raio * Math.sin(rotation*Math.PI/180) + raio * Math.cos(rotation*Math.PI/180) + incremento ; 
  
 var array1 = pos_circulo( 0, raio_raio_variavel ); 
 ctx.moveTo( array1[0]+tmx/2, array1[1]+tmy/2 );

for(var ang=0; ang<360; ang+=k)  
 {
  raio_raio_variavel = raio * Math.sin((ang+rotation)*Math.PI/180) + raio * Math.cos((ang+rotation)*Math.PI/180) + incremento ; 
  array1 = pos_circulo( ang, raio_raio_variavel ); 
  ctx.lineTo( array1[0]+tmx/2, array1[1]+tmy/2 );
 } 
 ctx.stroke() ;

//=================================================================
 //eixo x
 //=================================================================
 ctx.beginPath() ; 
 ctx.lineWidth=1 ; 
 ctx.strokeStyle = "#0F0";  
 ctx.moveTo( tmx/2 -220, tmy/2 );
 ctx.lineTo( tmx/2 +220, tmy/2 );
 ctx.stroke() ;

//=================================================================
 //eixo y
 //=================================================================
 ctx.beginPath() ; 
 ctx.lineWidth=1 ; 
 ctx.strokeStyle = "#00F";  
 ctx.moveTo( tmx/2 , tmy/2 -220);
 ctx.lineTo( tmx/2 , tmy/2 +220);
 ctx.stroke() ;

}
</script>

Nenhum comentário:

Postar um comentário