vectorMotion.js

	circles = 500;

function setup(){
	createCanvas(500, 500);
	background(201, 165, 100);
	saveFrames('OmmasTapette_', 'jpg', 4.6, 60);
}

function draw() {
  x = circles/2;
  
  function dancingCircles(xCoor, yCoor)  {
	  push();
	  fill(255, 131, 0); //color light orange
    stroke(59, 0, 96,30); //color dark violet
    ellipseMode(CENTER);
    translate(xCoor*x/4,yCoor*x/4);
    rotate(radians(-frameCount)); //rotate big ellipses
    ellipse(0, 0, x/2, x/5);
    fill(122, 63, 0); //color braun
    rotate(radians(2*frameCount)); //rotate small elipses backwords
    ellipse(0, 0, x/5, x/3);
	  pop();
  }
  
  function circlegroup(posX, posY) {
    translate(posX, posY)
    dancingCircles(1,1,200);
    dancingCircles(3,1,0);
    dancingCircles(1,3,0);
    dancingCircles(3,3,200);
  }
  circlegroup(0,0);
  circlegroup(x,0);
  circlegroup(-x,x);
  circlegroup(x,0);
}