​

​

function setup() {

  createCanvas(710, 400);

  frameRate(10)

​

}

​

function draw() {

  background(0, 0, 100);

​

  fill(255, 255, 255);

  // We are going to draw a polygon out of the wave points

  beginShape();

​

  let xoff = 0; // Option #1: 2D Noise

  // let xoff = yoff; // Option #2: 1D Noise

​

  // Iterate over horizontal pixels

  for (let x = 0; x <= width; x += 10) {

    // Calculate a y value according to noise, map to

​

    // Option #1: 2D Noise

    let y = map(noise(xoff, yoff), 0, 1, 200, 300);

​

    // Option #2: 1D Noise

    //let y = map(noise(xoff), 0, 1, 200,300);

​

    // Set the vertex

    vertex(x, y);

    // Increment x dimension for noise

    xoff += 0.05;

  }

  // increment y dimension for noise

  yoff += 0.01;

  vertex(width, height);

  vertex(0, height);

  endShape(CLOSE);

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

    let x = random(windowWidth);

    let y = random(windowHeight-200);

    noStroke();

    fill(255, 255, 0);

    ellipse(x, y, 2, 2);

}

}

​

​

​