let points;

​

function setup() {

  points = [];

  lines = [];

  // chromotome - sneaker

  bg = color(255, 255, 255, 255);

  colors = [

    color(232, 22, 91, 255),

    color(64, 30, 56, 255),

    color(102, 195, 180, 255),

    color(238, 119, 36, 255),

    color(88, 64, 152, 255),

  ];

​

  createCanvas(800, 800);

​

  background(bg);

​

  fill(0);

  noStroke();

  let y = height - 150;

  for (let x = 50; x < width / 2; x++) {

    circle(x, y, 3);

    points.push({ x: x, y: y, s: "left" });

    y -= 1.5;

  }

  for (let x = width / 2; x < width - 50; x++) {

    circle(x, y, 3);

    points.push({ x: x, y: y, s: "right" });

    y += 1.5;

  }

  y = height - 150;

  for (let x = 50; x < width - 50; x++) {

    circle(x, y, 3);

    points.push({ x: x, y: y, s: "bottom" });

  }

}

​

function draw() {

  // background(bg);

  strokeWeight(3);

  for (let i = 0; i < points.length; i++) {

    let _c = random(colors);

    _c._array[3] = random(0.0, 0.1);

    stroke(random(colors));

​

    // if (random() > 0.9) {

      if (points[i].s == "left") {

        line(points[i].x, points[i].y, 0, points[i].y);

      } else if (points[i].s == "right") {

        line(points[i].x, points[i].y, width, points[i].y); //points[i].x,0);

      } else {

        line(points[i].x, points[i].y, points[i].x, height);

      }

    // }

​

    // if (points[i].x < width / 2)

    //   line(points[i].x, points[i].y, points[i].x, 0);

    // else

    //   line(points[i].x, points[i].y, points[i].x, height);

  }

  // background(bg);

  // translate(width/2,height/2);

  // for (let i = 0; i < lines.length; i++) {

  //   lines[i].update();

  //   lines[i].draw();

  // }

}

​