Moire art

var theta=0.0;

var squarewidth=15;

var squareheight=15;

var rotatespeed=0.01;

function setup() {

  createCanvas(800, 800);

  rectMode(CENTER);

}

​

function draw() {

  background(255);

  noFill();

  //stationary square

  push();

  translate(width/2,height/2);

  for(var x=0;x<30;x++){

  stroke(0,0,255);

  rect(0,0,x*squarewidth, x*squareheight);

  }

  pop();

//motion

  push();

  translate(width/2,height/2);

  rotate(theta);

  for(var x=0;x<30;x++){

  stroke(245,67,90);

  rect(0,0,x*squarewidth, x*squareheight);

  }

  pop();

  theta +=rotatespeed;

}