createCanvas(400, 400);

}

​

var DTcount = 0;

var speed = 720

var size = 150;

var x = 200

var y = 200

​

function draw() {

  DTcount = DTcount + deltaTime;

  background(sin(DTcount/speed/2)*255);

  stroke(sin(-DTcount/speed/2)*255);

  fill(sin(DTcount/speed/2)*255)

  size = 30 + sin(DTcount/speed)*10

  x = sin(sin(DTcount/speed/2)/2) * 200 + 200

  y = cos(sin(DTcount/speed/2)/2) * 200 + 100

  line(x,y,200,100)

  //line(sin(sin(DTcount/speed/2)/2 + PI/2) * 300 + 200,cos(sin(DTcount/speed/2)/2 + PI/2) * 300 + 100,sin(sin(DTcount/speed/2)/2 - PI/2) * 300 + 200,cos(sin(DTcount/speed/2)/2 - PI/2) * 300 + 100)

  ellipse(x,y,size*2,size*2)

  line(sin(DTcount/speed)*size + x,cos(DTcount/speed)*size + y,sin(DTcount/speed + PI)*size + x,cos(DTcount/speed + PI)*size + y);

  line(sin(-DTcount/speed)*size + x,cos(-DTcount/speed)*size + y,sin(-DTcount/speed + PI)*size + x,cos(-DTcount/speed + PI)*size + y);

  line(sin(DTcount/speed + (PI/2))*size + x,cos(DTcount/speed + (PI/2))*size + y,sin(DTcount/speed + PI + (PI/2))*size + x,cos(DTcount/speed + PI + (PI/2))*size + y);

  line(sin(-DTcount/speed + (PI/2))*size + x,cos(-DTcount/speed + (PI/2))*size + y,sin(-DTcount/speed + PI + (PI/2))*size + x,cos(-DTcount/speed + PI + (PI/2))*size + y);

}