let g;

let b;

let newR;

let newG;

let newB;

let weight;

let xDenom;

let yDenom;

let opacity;

​

function setup() {

  createCanvas(1000, 1000);

  r = 0;

  g = 0;

  b = 0;

  newR = floor(random(0, 255));

  newG = floor(random(0, 255));

  newB = floor(random(0, 255));

  weight = 120;

  xDenom = 10;

  yDenom = 10;

  opacity = 100;

}

​

function draw() {

  background(r, g, b);

  strokeWeight(weight);

  stroke(255 - r, 255 - g, 255 - b, opacity);

  for (let x = 100; x < width; x += 100) {

    for (let y = 100; y < height; y += 100) {

      line(x, y, x + (x - mouseX) / xDenom, y + (y - mouseY) / yDenom);

    }

  }

​

  if (r < newR) {

    r++;

  } else if (r > newR) {

    r--;

  } else {

    newR = floor(random(0, 255));

  }

  if (g < newG) {

    g++;

  } else if (g > newG) {

    g--;

  } else {

    newG = floor(random(0, 255));

  }

  if (b < newB) {

    b++;

  } else if (b > newB) {

    b--;

  } else {

    newB = floor(random(0, 255));

  }

  if (mouseIsPressed) {

    xDenom = map(mouseX, 0, width, 0.1, 10);

    yDenom = map(mouseY, 0, height, 0.1, 10);

  }

}

function mouseWheel() {

  if (event.delta > 0) {

    weight += 5;

  } else if (weight > 0) {

    weight -= 5;

  }

}

function keyPressed() {

  if (key != NaN) {

    opacity = map(key, -1, 9, 0, 255);

  } 

}

​

​

​

​

​

​

​

​

​