----- Coding Tutorial by Patt Vira ----- 

Name: Synchronized Rotating Arcs 

Video Tutorial: https://youtu.be/l1pcPSXV3bI

​

Connect with Patt: @pattvira

https://www.pattvira.com/

----------------------------------------

*/

​

let arcs = []; let num = 80;

let r0 = 30; let r_mult = 0.05;

let f_mult = 0.08;

​

function setup() {

  createCanvas(600, 400);

  angleMode(DEGREES);

  colorMode(HSB);

  for (let i=0; i<num; i++) {

    let r = r0 + ((i + 1) * num * r_mult);

    let f = (i + 1) * f_mult;

    let h = 200 + 100/num * i;

    arcs[i] = new Arc(r, f, h);

  }

}

​

function draw() {

  background(240, 70, 50);

  translate(width/2, height/2);

  for (let i=0; i<num; i++) {

    arcs[i].update();

    arcs[i].display();

  }

​

}