code.js

var bSize = 56;
var bLeng = bSize * 1.5;
var reps = 20; //horizontal repititions
var leng = ceil(400 / bSize); // vertical repititions
var start = -bLeng -10;
var xPos = new Array(reps);
var c1 = new Array(reps);
var c2 = new Array(reps);
var c3 = new Array(reps);

for (var t = 0; t < reps + 1; t++) {
    c1[t] = new Array(leng);
    c2[t] = new Array(leng);
    c3[t] = new Array(leng);
}
//IDOIFJIUFHERIFUJ THE PUSH X DOESNT ACCOUNT FOR THE START POSITION OHHHHHHH
//color and position for each individual line
for (var d = 0; d < reps; d++) {
    var t = (d * bSize) + start;
    xPos[d] = t;
    //xPos.push(t);
    //color for each shape
    for (var c = 0; c <= leng; c++) {
        c1[d][c] = random(0, 255);
        c2[d][c] = random(0, 255);
        c3[d][c] = random(0, 255);
    }
}


draw = function() {
    background(255, 255, 255);
    //for the lines
    for (var i = reps; i >= 0; i-= 1) {
        //for the individual blocks
        for (var l = 0; l <= (leng) + 1; l++) {
            var x = xPos[i];
            var y = l * bSize;
            fill(c1[i][l], c2[i][l], c3[i][l]);
            noStroke();
            beginShape();
            vertex(x + bSize / 2, y + bSize / 2);
            vertex(x, y + bSize);
            vertex(x + bSize * 1.515, y - bSize * -0.5);
            vertex(x + bSize, y);
            vertex(x + bSize * 1.51, y - bSize * 0.5);
            vertex(x, y);
            endShape(CLOSE);
            xPos[i]+= 0.1;
            if (xPos[i] >= bSize * (reps) + start) { //1102
                xPos[i] = start;
            }
        }
    }
    /*var ghgh = reps;
    fill(c1[ghgh], c2[ghgh], c3[ghgh]);
    rect(200, 200, 20, 20);*/
    
};
/*for (var i = 0; i <=c1.length; i++) {
println(c1[i]);
}*/