Art›Times Table

times_table.pde

float times = 1;
float radius = 300;

color col_start = color(21, 107, 193);
color col_end = color(6, 229, 78);

void setup() {
  size(640, 640);
}

void draw() {
  background(30);
  translate(width/2, height/2);
  
  for (int i = 0; i < 200; i++) {
    float angle1 = -HALF_PI + map(i, 0, 200, 0, TWO_PI);
    float x1 = radius * cos(angle1);
    float y1 = radius * sin(angle1);
    float angle2 = -HALF_PI + map(times*i, 0, times*200, 0, times*2*PI);
    float x2 = radius * cos(angle2);
    float y2 = radius * sin(angle2);
    
    float ratio = map(i, 0, 200, 0, 1);
    color col;
    
    if(ratio < 0.5) {
    	col = lerpColor(
	    	col_start,
	    	col_end,
	    	ratio*2
	    );
    } else {
    	col = lerpColor(
	    	col_end,
	    	col_start,
	    	(ratio-0.5)*2
	    );
    }
    
    
    stroke(col);
    strokeWeight(2);
    line(x1, y1, x2, y2);
  }
  
  //for (int i = 0; i < 200; i++) {
  //  float angle = map(i, 0, 200, 0, TWO_PI);
  //  float x = radius * cos(angle);
  //  float y = radius * sin(angle);
  //  stroke(255, 0, 0);
  //  strokeWeight(2);
  //  point(x, y);
  //}
  /*
  translate(200, 0);
  
  for (int i = 0; i < 200; i++) {
    float angle1 = map(i, 0, 200, 0, TWO_PI);
    float x1 = 100 * cos(angle1);
    float y1 = 100 * sin(angle1);
    float angle2 = map(2*i, 0, 400, 0, 4*PI);
    float x2 = 100 * cos(angle2);
    float y2 = 100 * sin(angle2);
    stroke(0);
    strokeWeight(1);
    line(x1, y1, x2, y2);
  }
  
  for (int i = 0; i < 200; i++) {
    float angle = map(i, 0, 200, 0, TWO_PI);
    float x = 100 * cos(angle);
    float y = 100 * sin(angle);
    stroke(255, 0, 0);
    strokeWeight(2);
    point(x, y);
  }
  
  translate(200, 0);
  
  for (int i = 0; i < 200; i++) {
    float angle1 = map(i, 0, 200, 0, TWO_PI);
    float x1 = 100 * cos(angle1);
    float y1 = 100 * sin(angle1);
    float angle2 = map(34*i, 0, 6800, 0, 68*PI);
    float x2 = 100 * cos(angle2);
    float y2 = 100 * sin(angle2);
    stroke(0);
    strokeWeight(1);
    line(x1, y1, x2, y2);
  }
  
  for (int i = 0; i < 200; i++) {
    float angle = map(i, 0, 200, 0, TWO_PI);
    float x = 100 * cos(angle);
    float y = 100 * sin(angle);
    stroke(255, 0, 0);
    strokeWeight(2);
    point(x, y);
  }
  
  translate(200, 0);
  
  for (int i = 0; i < 200; i++) {
    float angle1 = map(i, 0, 200, 0, TWO_PI);
    float x1 = 100 * cos(angle1);
    float y1 = 100 * sin(angle1);
    float angle2 = map(51*i, 0, 10200, 0, 102*PI);
    float x2 = 100 * cos(angle2);
    float y2 = 100 * sin(angle2);
    stroke(0);
    strokeWeight(1);
    line(x1, y1, x2, y2);
  }
  
  for (int i = 0; i < 200; i++) {
    float angle = map(i, 0, 200, 0, TWO_PI);
    float x = 100 * cos(angle);
    float y = 100 * sin(angle);
    stroke(255, 0, 0);
    strokeWeight(2);
    point(x, y);
  }
  
  translate(200, 0);
  
  for (int i = 0; i < 200; i++) {
    float angle1 = map(i, 0, 200, 0, TWO_PI);
    float x1 = 100 * cos(angle1);
    float y1 = 100 * sin(angle1);
    float angle2 = map(99*i, 0, 19800, 0, 198*PI);
    float x2 = 100 * cos(angle2);
    float y2 = 100 * sin(angle2);
    stroke(0);
    strokeWeight(1);
    line(x1, y1, x2, y2);
  }
  
  for (int i = 0; i < 200; i++) {
    float angle = map(i, 0, 200, 0, TWO_PI);
    float x = 100 * cos(angle);
    float y = 100 * sin(angle);
    stroke(255, 0, 0);
    strokeWeight(2);
    point(x, y);
  }*/
  times += 0.01;
  times = min(times, 200);
  
  if(frameCount == 50) { save("preview.png"); }
}