let sinAngle = 0

let colorChange = 0

let derp = 45

let angle2 = 0

let angle3 = 0

let angle4 = 0

​

​

function setup() {

  createCanvas(1000, 1000);

  //noFill()

  frameRate(1000)

  colorMode(HSB)

  background(0, 10)

  strokeWeight(5)

  angleMode(DEGREES)

}

​

function draw() {

  //circle 1

  push()

  translate(125, 125)

  rotate(angle)

  angle = angle + 0.5

  stroke(colorChange, 50, 100)

  rotatingTriangle(0, 0)

  pop()

  //circle 2

  //first line

  push()

  translate(125, 360)

  rotate(angle)

  stroke(colorChange, 50, 100)

  line(0, 0, 50, 50)

  pop()

  //second line

  push()

  translate(cos(derp)*71+125, sin(derp)*71+360)

  rotate(angle3)

  angle3 = angle3 + 3.5

  stroke(colorChange, 50, 100)

  line(0, 0, 25, 25)

  pop()

  //circle 3

  //first line

  push()

  translate(360, 360)

  rotate(angle)

  stroke(colorChange, 50, 100)

  line(0, 0, 50, 50)

  pop()

  //second line

  push()

  translate(cos(derp)*71+360, sin(derp)*71+360)

  rotate(angle2)

  angle2 = angle2 + 2.5

  derp = derp + 0.5

  stroke(colorChange, 50, 100)

  line(0, 0, 25, 25)

  pop() 

  //circle 4

  //first line

  push()

  translate(360, 125)

  rotate(angle)

  stroke(colorChange, 50, 100)

  line(0, 0, 50, 50)

  pop()

  //second line

  push()

  translate(cos(derp)*71+360, sin(derp)*71+125)

  rotate(angle4)

  angle4 = angle4 + 4.5

  stroke(colorChange, 50, 100)

  line(0, 0, 25, 25)

  pop() 

  //color change

  if(colorChange==360) {

    colorChange=0

  } else {

    colorChange = colorChange+0.5

  }

}

​

function rotatingTriangle(x, y) {

  line(x,y,x+60,y+100)

  line(x+60,y+100,x-60,y+100)  

  line(x,y,x-60,y+100)

//triangle(x, y, x+60, y+100, x-60, y+100)

}