​

// functions created for this project

​

// William

function cubesection() {

  stroke(51);

  fill(213, 90, 79);

  square(750, -75, 50);

  fill(0);

  square(770, -145, 50);

  fill(219, 224, 103);

  square(760, -125, 50);

  fill(0);

  square(710, -125, 50);

  fill(255);

  square(712.5, -123.5, 45);

  strokeWeight(4);

  fill(0, 0, 0, 1);

  square(760, -200, 50);

  strokeWeight(1);

  noStroke();

}

​

// helper for writing color to array

function writeColor(image, x, y, r, g, b, a) {

  let index = (x + y * width) * 4;

  image.pixels[index] = r;

  image.pixels[index + 1] = g;

  image.pixels[index + 2] = b;

  image.pixels[index + 3] = a;

}

​

function setup() {

  let art = createCanvas(1000, 500);

  background(220);

  noStroke();

​

  // mk

  // indicate right part with darker gray

  fill(200);

  rect(width / 2, 0, width / 2, height);

  //just some random shapes to start with

  fill(

    Math.floor(random(0, 256)),

    Math.floor(random(0, 256)),

    Math.floor(random(0, 256))

  );

  square(random(30, 160) + width / 2, random(20, 140), random(40, 150));

​

  // William: translation of geometric shapes in the right

  //          part of the image

  let NUM_SECTIONS = 10;

​

  for (var i = 0; i < NUM_SECTIONS; i++) {

    translate(0, 200);

    cubesection();

    translate(200, 0);

    cubesection();

    translate(-200, 0);

    translate(-720 / NUM_SECTIONS, 0);

  }

​

  // Dan: adding transparency to the right part

  let TRANSPARENCY = 4;

  var COLORS = [

    [216, 164, 127, TRANSPARENCY],

    [239, 131, 84, TRANSPARENCY],

    [238, 75, 106, TRANSPARENCY],

    [223, 59, 87, TRANSPARENCY],

    [15, 113, 115, TRANSPARENCY],

    [179, 255, 179, TRANSPARENCY],

    [202, 231, 185, TRANSPARENCY],

    [205, 247, 246, TRANSPARENCY],

    [16, 255, 203, TRANSPARENCY],

    [181, 248, 254, TRANSPARENCY],

    [151, 249, 249, TRANSPARENCY],

    [164, 222, 249, TRANSPARENCY],

  ];

​

  // Khang: using noise for the left part of the image

  // correct location for Khang's code: random numbers

  for (var plot_x = 0; plot_x < 500; plot_x++) {

    let x_coordinate = 500;

    beginShape();

    x_noise = noise(x_coordinate) * 500;

    strokeWeight(20);

    point(plot_x, x_noise);

    x_coordinate++;

    console.log(plot_x);

  }

​

  // Dongjae: image manipulation of the whole created image

​

  // Dan II: manipulate the whole image a second time

​

  // Image manipulation 2022-12-07

  // mk

  saveCanvas(art, 'mk.jpg')

  let mk = createImage(1000, 500);

  mk.loadPixels()

  let x, y;

  for (y = 0; y < mk.height; y++) {

    for (x = 0; x < mk.width; x++) {

      let red = random(255);

      let green = random(255);

      let blue = random(255);

      let alpha = 255;

      writeColor(art, x, y, red, green, blue, alpha);

    }

  }

  // Dan

​

  // Dongjae

​

  // Khang

​

  // William

}

​

function draw() {

  // create some noise

  fill(0);

  x = random(0, width);

  y = random(0, height);

  ellipse(x, y, 1);

}

​