xxxxxxxxxx
var currentX = 0;
var currentY = 0;
var lineSize = 0;
var lineCount = 0;
var rollXY;
var rollNum;
var subCurrentX;
var subCurrentY;
var lineValid;
var lineVar;
const palette = [60,90,120,150,180,210,240,270,300];
var colorPalette;
function setup() {
width = 800;
height = 800;
createCanvas(width,height);
colorMode(RGB);
colorPalette = palette[Math.floor(Math.random() * palette.length)]
background(random([195,225,255]),random([195,225,255]),random([195,225,255]));
grid();
}
function grid(){
while(currentY<height){
lineSize = random([(height/32),(height/16),(height/8),(height/4)]);
// 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";
noStroke();
fill(random([195,225,255]),random([195,225,255]),random([195,225,255]));
rect(currentX,currentY,width,lineSize);
stroke(50,50,50);
while(currentX<width){
rollXY = random([1,2]);
rollNum = random([8,16]);
subCurrentX = currentX;
subCurrentY = currentY;
strokeWeight(random([1,1.5,2,2.5]));
if(rollXY==1){
while(currentX<subCurrentX+lineSize){
line(currentX,currentY+lineSize*random([-.5,0,.5]),currentX,currentY+lineSize*random([-1.5,0,1.5]));
currentX=currentX+lineSize/rollNum;
}
}
if(rollXY==2){
while(currentY<subCurrentY+lineSize){
line(currentX+lineSize*random([-.5,0,.5]),currentY,currentX+lineSize*random([-1.5,0,1.5]),currentY);
currentY=currentY+lineSize/rollNum;
}
}
currentX=subCurrentX;
currentY=subCurrentY;
currentX=currentX+lineSize;
}
}
if(lineValid == "true") {lineCount++;}
currentY=currentY+lineSize;
currentX=0;
}
}