void setup()
{
size (600,600);
background(255,0,0);
}

void draw()
{  
  background(255,255,255);
//interactive background
  if((mouseX > 50)&&(mouseX < 150)) 
  background(255,50,50);
  
  if((mouseX > 151)&&(mouseX < 250)) 
  background(20,80,255);

  if((mouseX > 251)&&(mouseX < 350)) 
  background(255,255,0);
  
  if((mouseX > 351)&&(mouseX < 600)) 
  background(0,0,0);
//end interactive background  
  
//farbliche kreise
  if((mouseX > 50)&&(mouseX < 150)) 
  fill(0,0,0);
  
  if((mouseX > 151)&&(mouseX < 250)) 
  fill(255,255,0);

  if((mouseX > 251)&&(mouseX < 350)) 
  fill(20,80,255);
  
  if((mouseX > 351)&&(mouseX < 600)) 
  fill(255,50,50);
//end farbliche kreise  
  
  
  strokeWeight(2);
  
  
  int anzahlKreise=25;
  int durchmesserKleineKreise=20;
  int durchmesserGrosserKreis=100;
  int startpositionx=width/2;
  int startpositiony=height/2;
  
  //interactive
  float interactivex=0;
  float interactivey=0;
  if(mousePressed)interactivex=float(mouseX);
  if(mousePressed)interactivey=float(mouseY);
  //end interactive
  
  
  for(int haha=0; haha<anzahlKreise; haha++)
  {
  float x=durchmesserGrosserKreis*cos(haha*TWO_PI/anzahlKreise); //360° entspricht TWO_PI
  float y=durchmesserGrosserKreis*sin(haha*TWO_PI/anzahlKreise); 
  
  ellipse(x+startpositionx+interactivex,y+startpositiony+interactivey,durchmesserKleineKreise,durchmesserKleineKreise);
  
  
  }  
}