// Circular Painting 2
// September 29, 2017 - John Clavin

var incAmount1;
var incAmount2;
var incAmount3;
var incAmount4;
var incAmount5;
var incAmount6;
var increment1 = 0;
var increment2 = 0;
var increment3 = 0;
var increment4 = 0;
var increment5 = 0;
var increment6 = 0;
var angle = 20;
var colorArray = [];

function setup() {
  createCanvas(800, 800);
  frameRate(60);
  background(232);
  strokeWeight(1);
  // noStroke();
  createColors(18);
  incAmount1 = radians(0.10);
  incAmount2 = radians(0.10);
  incAmount3 = radians(0.20);
  incAmount4 = radians(0.40);
  incAmount5 = radians(0.60);
  incAmount6 = radians(0.80);
}

function draw() {
  wheel(740, angle, increment1);
  increment1 -= incAmount1;
  wheel(640, angle, increment2);
  increment2 += incAmount2;
  wheel(540, angle, increment3);
  increment3 += incAmount3;
  wheel(440, angle, increment4);
  increment4 += incAmount4;
  wheel(340, angle, increment5);
  increment5 += incAmount5;
  wheel(240, angle, increment6);
  increment6 -= incAmount6;
  fill(120);
  ellipse(width / 2, height / 2, 90, 90);
  fill(0);
  ellipse(width / 2, height / 2, 30, 30);
}

function wheel(dia, pAngle, pInc) {
  var lastAngle = pInc;
  for (var i = 0; i < 360 / angle; i++) {
    var pColor = colorArray[i];
    fill(pColor);
    arc(width / 2, height / 2, dia, dia, lastAngle, lastAngle + radians(pAngle));
    lastAngle += radians(pAngle);
  }
}

function createColors(number) {
  for (var i = 0; i < number; i++) {
    var c = color(random(240), random(240), random(240), 8);
    colorArray[i] = c;
  }
}