01animation

var headsize = 200;

var bodyrotate = 0;

var legoffset = -10;

var legincr = 0.3;

var ro = 0.02

var bo = 0.07

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  rectMode(CENTER);

}

​

function draw() {

  background('lightblue');

  //strokeWight(5);

//triangle (mouseX, mouseY, pmouseX, pmouseY, pmouseX, pmouseY)

  resetMatrix(); // reset everything

​

  translate(mouseX, mouseY); // move the whole situation to center on the mouse

​

​

  //middle

 fill(0);

  push();

  rotate(bodyrotate);

  translate(1, 1);

​

  ellipse(0, 0, 100, 100);

  pop();

  bodyrotate -= 0.04;

​

  //cirlce 1 ring 1

  fill("limegreen");

  push();

  rotate(bodyrotate);

  translate(-15, -15); // move 40 pixels up

  ellipse(0, 0, headsize, headsize);

  pop();

  bodyrotate -= ro;

  // modify head size

  //headsize+=0.2;

  //if(headsize>50) headsize=30;

​

​

  // circle 2 ring 1

  fill("purple"); // blue!

  push();

  rotate(bodyrotate);

  translate(-15, 15);

  ellipse(0, 0, headsize, headsize);

  pop();

  bodyrotate -= bo;

  // modify head size

  //headsize+=0.2;

  //if(headsize>50) headsize=30

​

  //cirle 3 ring 1

  fill("crimson");

  push();

  rotate(bodyrotate);

  translate(15, 15);

  ellipse(0, 0, headsize, headsize);

  pop();

  bodyrotate -= ro;

  // modify head size

  //headsize+=0.2;

  //if(headsize>50) headsize=30

​

  //circle 4 ring 1

  fill(0);

  push();

  rotate(bodyrotate);

  translate(15, -15);

  ellipse(0, 0, headsize, headsize);

  pop();

  bodyrotate -= bo;

  // modify head size

  //headsize+=0.2;

  //if(headsize>50) headsize=30

  //circle 1 ring 2

  fill("darkorange"); 

  push(); 

  rotate(bodyrotate);

  translate(-35, -35); 

  ellipse(0, 0, headsize, headsize);

  pop(); 

  bodyrotate-=bo;

  // modify head size

  //headsize+=0.2;

  //if(headsize>50) headsize=30

  //circle 2 ring 2

  fill("crimson"); 

  push(); 

  rotate(bodyrotate);

  translate(-35, 35); 

  ellipse(0, 0, headsize, headsize);

  pop(); 

  bodyrotate-=ro;

  // modify head size

  headsize+=0.2;

  if(headsize>50) headsize=75

  //circle 3 ring 2

  fill("purple"); 

  push(); 

  rotate(bodyrotate);

  translate(35, 35); 

  ellipse(0, 0, headsize, headsize);

  pop(); 

  bodyrotate-=bo;

  // modify head size

  headsize+=0.2;

  if(headsize>50) headsize=75

  //circle 4 ring 2

  fill("limegreen"); 

  push(); 

  rotate(bodyrotate);

  translate(35, -35); 

  ellipse(0, 0, headsize, headsize);

  pop(); 

  bodyrotate-=ro;

  // modify headsize

  headsize+=0.2;

  if(headsize>500) headsize=75

}

​