Staebe_experiment_III_largeRND

mySketch
xxxxxxxxxx
 
let lineUp;
let lineDown;
let lineNr;
let marginLine;
let marginUpDown;
let posX;
​
function setup() {
  colorMode(RGB);
  createCanvas(3508, 2480); 
  strokeCap(SQUARE);
  frameRate(60);
}
​
function draw() {
  let a = 140; //Alpha-Intensität
  let c1 = color(165); //Farbe 1
  let c2 = color(255); //Farbe 2
​
  let lineNr = floor(random(100, 500)); //Random Anzahl der Säulen
  print("lineNr: ",lineNr);
  let marginLine = floor(random(10, 200)); //Abstand zwischen den Säulen in Pixel
  print("marginLine: ",marginLine);
  let marginUpDown = floor(random(50, 500)); // Abstand zwischen den Säulen in Pixel
  print("marginUpDown: ",marginUpDown);
  let lineWidth = (width - (lineNr + 1) * marginLine) / lineNr; //Festlegung der Breite einer einzelnen Säule
  pos = marginLine + lineWidth / 2; //Zentrierung der einzelnen Säule
  background(0);
  strokeWeight(lineWidth);
​
  for (let i = 1; i <= lineNr; i++) {
    lineUp = random(height - marginUpDown); //Höhe der vertikalen und horizonatlen Säulen
    lineDown = height - lineUp - marginUpDown; //gespiegelte Höhe der vertikalen und horizonatlen Säulen weniger marginUpDown
​
    r = random(1);
    if (r < 0.33) {
      stroke(c1, a);
    } else {
      stroke(255);
    }
    line(pos, height, pos, height - lineUp);
​
    r = random(1);
    if (r < 0.33) {
      stroke(c2, a);
    } else {
      stroke(255, a);
    }
    line(pos, 0, pos, lineDown);
​
    r = random(1);
    if (r < 0.33) {
      stroke(c1, a);
    } else {
      stroke(30, a);
    }
​
    line(0, pos, lineUp, pos);
​
    r = random(1);
    if (r < 0.33) {
      stroke(c2, a);
    } else {
      stroke(0);
    }
    line(width, pos, width - lineDown, pos);
​
    //Addieren des richtigen Abstands:
    pos = pos + lineWidth + marginLine;
  }
  fullscreen();
  noLoop();
}
​
function keyPressed() {
  if (key === "s") {
    saveCanvas("out", "png");
  }
}
function mousePressed() {
  loop();
}
​