x1: 110,

  y1: 110,

  x2: 200,

  y2: 200,

  x3: 00,

  y3: 100,

  x4: 400,

  y4: 400,

}

​

var tri = {

  x1: 100,

  y1: 100,

  x2: 200,

  y2: 200,

  x3: 300,

  y3: 300

}

​

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(20);

  frameRate(2);

  // noCursor();

​

}

​

function draw() {

  noFill();

  stroke(220, 20);

  strokeWeight(0.66);

​

  let a = 0.0;

  let inc = TWO_PI / 30.0;

  for (let i = 0; i <= 100; i += 1) {

    triangle( i * (width/80), ((height/2) + (sin(a) * 80)), tri.x2, tri.y2, tri.x3, tri.y3);

    tri.x1 = random(0, width);

    tri.x2 = random(0, width);

    tri.y2 = random(0, height);

    tri.x3 = random(0, width);

    tri.y3 = random(0, height);

    a = a + inc;

  }

}

​

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

  background(20);

​

}

​

function keyTyped() {

  if (key === "x") {

    background(20);

  }

}

​

function keyTyped() {

  if (key === "s") {

    saveFrames("sine wave line drawing", "png", 1, 1);

​

  }

}

​

​