Spirals

with js.p5

function draw()

{
   fill(255);
   rect(0,0,width, height);
   translate(width/2, height/2);
   rotate(frameCount/10.0);
   for( var i = 0; i < 15 * PI; i += 0.01)

  {
     var x = i * 7 * cos(i);
     var y = i * 7 * sin(i);
     stroke(22,15,36);
     point(x, y);
     stroke(11,122,56);
     point(-x, -y);
  }
}

function draw()
{  
  flower(700);
}
function flower(m)

{
  if(n< m)

  {
    n++;
    var a = n *137.5;
    var r = c * sqrt(n);  // φ = n∗137.5◦, r = c√n
    var q = r* cos(a)+width/2;
    var w = r* sin(a)+height/2;
    fill(n%361,40,100);
    stroke(n%361,100,100,100);

   }
   ellipse(q,w,5,5);
   if(n>m)

   {
    noLoop();
   }
  noStroke();
}



 

function draw()

{
   colorFrom=color(255);
   colorTo=color(0);  
   var co = map(frameCount/2, 0, width, 0, 10); 
   if((Math.ceil(co))%2==1)

   {
     var lerpedCol = lerpColor(colorFrom,colorTo,co);   
   }
    else

   {    
     lerpedCol = lerpColor(colorTo,colorFrom,co);
   }
     drawloop(lerpedCol);
}


function drawloop(lerpedCol)

{
   noStroke();
   translate(width/2,height/2);
   rotate(frameCount/10.0);
     for( var i = 0; i < 10 * PI; i += 0.1)

   {
     var x = i * 10 * cos(i);
     var y = i * 10 * sin(i);
     stroke(lerpedCol);
     point(x, y);
     stroke(lerpedCol);
     point(-x, -y);
   }
}

Copyright 2020 Simin Gu. All right reserved.

Email: