// Simplified from Processing example Basics | Math | SineCosine

float angle=0, da=0.1;
float rectSize = 200;
float offset = 25;

void setup() 
{
  size(300, 300);
  strokeWeight(2);
  smooth();
  rectMode(CENTER);
}

void draw() 
{
  background(255);
  
  fill(64);
  rect(width/2, height/2, rectSize, rectSize);

  fill(255);
  ellipse(width/2 + rectSize/2*cos(angle), height/2-rectSize/2-offset, 32, 32);
  ellipse(width/2 + rectSize/2*cos(-angle), height/2+rectSize/2+offset, 32, 32);

  fill(153);
  ellipse(width/2+rectSize/2+offset, height/2 + rectSize/2*sin(angle), 32, 32);
  ellipse(width/2-rectSize/2-offset, height/2 + rectSize/2*sin(-angle), 32, 32);

  angle += da;
}

// START NO NOTES
// code used to capture screenshots
void keyReleased() {
  if(key == '`' && !online) save("sketch.png");
}