polygon_rotation.pde

float x, y;
float r = 150;
float d = 0;
int n = 3;
void setup() {
  size(500, 500);
  rectMode(CENTER);
  colorMode(HSB, 360, 100, 100);
  frameRate(60);
}

void draw() {
  background(0,0,0);
  translate(width/2, height/2);
  
  beginShape();
  for ( int i = 0; i < n; i++) {
    x = cos(radians(i*360/n + frameCount)) * r;
    y = sin(radians(i*360/n + frameCount)) * r;
    vertex(x, y);
  }
  noFill();
  stroke(0, 0, 100);
  strokeWeight(15-n);
  endShape(CLOSE);

  for ( int i = 0; i < n; i++) {
    x = cos(radians(i*360/n + frameCount)) * r;
    y = sin(radians(i*360/n + frameCount)) * r;
    pushMatrix();
    translate(x, y);
    rotate(i*360/n);
    fill(i*240/n, 80, 100);
    noStroke();
    beginShape();
    for(int j =0; j < n; j++){
      float x2 = cos(radians(j * 360/n ))*25;
      float y2 = sin(radians(j * 360/n ))*25;
      vertex(x2,y2);
    }
    endShape(CLOSE);
    //rect(0, 0, 50, 50);
    popMatrix();
  }
  if(frameCount%45 ==0){
    n++;
    if(n > 10){
      n = 3;
    }
  }
}