Slashing

var currentX = 0;

var currentY = 0;

var lineSize = 0;

var lineCount = 0;

var rollXY;

var rollNum;

var subCurrentX; 

var subCurrentY;

var lineValid;

​

function setup() {

  colorMode(RGB);

  width = 600;

  height = 600;

  createCanvas(width,height);

  background(random([195,225,255]),random([195,225,255]),random([195,225,255]));

  stroke(0,0,0);

  strokeWeight(1.5);

  grid();

}

​

​

function grid(){

​

  while(currentY<height){

      lineSize = random([(height/24),(height/12),(height/6),(height/3)]);

      // if is to reset if we go past boundary

    if(lineSize>height-currentY){

        lineSize = 0;

        lineValid = "false";

      } 

    // else is to make a regualar line

      else{

        lineValid = "true";

        while(currentX<width){

            rollXY = random([1,2]);

            rollNum = random([3,6,12]);

            subCurrentX = currentX;

            subCurrentY = currentY;

            // console.log(xy);

            if(rollXY==1){

              while(currentX<subCurrentX+lineSize){

                line(currentX,currentY,currentX,currentY+lineSize);

                currentX=currentX+lineSize/rollNum;

              }

            }

            if(rollXY==2){

              while(currentY<subCurrentY+lineSize){

                line(currentX,currentY,currentX+lineSize,currentY);

                currentY=currentY+lineSize/rollNum;

              }

            }

            currentX=subCurrentX; 

            currentY=subCurrentY;

            currentX=currentX+lineSize;

          }

      }

    if(lineValid == "true") {lineCount++;}

    currentY=currentY+lineSize;

    currentX=0;

  }

}

​