// let xoff2 = 10000;

let capture;

let inc = 0.003;

let start = 0;

​

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  colorMode(HSB, 360, 100, 100, 100);

  background(0);

   //web cam capture

  capture = createCapture(VIDEO);

  capture.size(width, height);

  capture.hide();

}

​

function draw() {

  background(random(200, 300), 50, 100, 1);

  // var x = map(noise(xoff1), 0, 1, 0, width);

  // var y = map(noise(xoff2), 0, 1, 0, width);

  // fill(random(360), 100, 100, 10);

​

  // ellipse(x, y, 24, 24);

  // xoff1 += 0.007;

  // xoff2 += 0.007;

  imageMode(CENTER);

  //

  //tint(175, 100, 100);

//   if (frameCount%20==0){

//     // image(capture, width/2, height/2, width, height);

//     filter(GRAY);

//   }

  let xoff = start;

  beginShape();

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

    //fill(0);

    var y = noise(xoff) * height;

    // let shade = map(y, 0, height*.75, 100, 0);

    noStroke();

    // strokeWeight(5);

    // stroke(180, shade, 100, 50);

    fill(50, 20, 100, 10);

    vertex(x, y);

    xoff += inc;

  }

  endShape();

  start += inc;

​

}

​