Tri Moire effect

var inc =0;

var fillStyle=0;

var alph =0;

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

​

}

​

function draw() {

  background(200);

  Tri(-5,0);

  push();

  translate(width/2,height/2);

  rotate(TWO_PI/360*inc);

  Tri(-width/2-90,-height/2-90);

  pop();

  inc++;

  //noLoop();

}

  function Tri(xx,yy){

  for(var i=xx;i<width+7.5;i+=5){

    for(var j=yy;j<height;j+=10){

      noStroke();

      fill(fillStyle,alph);

  triangle(i,j,i+5,j+10,i-5,j+10);

      if(fillStyle==0){

        fillStyle=255;

        alph=0;}

      else{

        fillStyle=0;

        alph=255;}

    }

    /*if((i+j)%2==0 && fillStyle==0){

      fillStyle=255;

      alph=0;}

    else if((i+j)%2==0 && fillStyle==255){

      fillStyle=0;

      alph=255;}

      //fill(fillStyle,alph);

  //triangle(i,j,i+15,j,i+7.5,j+15);*/

  }

}