* numberOfPoints defines amount of points * respects frameWidth * returns array of triangles in the format [ [[x1, y1],[x2, y2],[x3, y3]], ... ]

exp-027.js

function triangulateCanvas() {
  let points = [], triangles = []

  for (let i = 0; i < numberOfPoints; i++) {
    const randomX = random(frameWidth, WIDTH-frameWidth)
    const randomY = random(frameWidth, HEIGHT-frameWidth)

    points.push([
      constrain(randomX, frameWidth, WIDTH-frameWidth),
      constrain(randomY, frameWidth, HEIGHT-frameWidth)
    ])
  }

  const d = new Delaunator(points)

  for (var i = 0; i < d.triangles.length; i += 3) {
    triangles.push([
      points[d.triangles[i]],
      points[d.triangles[i + 1]],
      points[d.triangles[i + 2]]
    ])
  }

  return triangles
}