The canvas are below

Using the < tt>beginShape() and endShape() functions allow creating more complex forms.< tt>beginShape() begins recording vertices for a shape andendShape() stops recording. The optional kind may be POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, or QUAD_STRIP.

beginShape([kind])
endShape([mode])	The `endShape()` function is the companion to and may only be called after `beginShape()`. When `endShape()` is called, all of image data defined since the previous call to `beginShape()` is written into the image buffer. The constant CLOSE as the value for the `mode` parameter to close the shape (to connect the beginning and the end).
vertex(x, y) vertex(x, y, z, [u], [v])	All shapes are constructed by connecting a series of vertices. `vertex()` is used to specify the vertex coordinates for points, lines, triangles, quads, and polygons. It is used exclusively within the `beginShape()` and `endShape()` functions. The z, u, and v parameters have not been tested.

Examples 0, and 2 - 10 are taken from https://p5js.org/reference/#/p5/beginShape.
Example 11 is from
Example 1 and 12 taken from https://p5js.org/reference/#/p5/vertex.

p5 canvas: Same as Example 0 but in a p5 canvas.
Example 0: beginShape(), 4 vertices, endShape(CLOSE).
Example 1: strokeWeight(3), beginShape(POINTS), 4 vertices, endShape()
Example 2: beginShape(LINES), 4 vertices, endShape()
Example 3: noFill(), beginShape(), 4 vertices, endShape()
Example 4: noFill(), beginShape(), 4 vertices, endShape(CLOSE)
Example 5: beginShape(TRIANGLES), 6 vertices, endShape()
Example 6: beginShape(TRIANGLE_STRIP), 7 vertices, endShape()
Example 7: beginShape(TRIANGLE_FAN), 6 vertices, endShape()
Example 8: beginShape(QUADS), 8 vertices, endShape()
Example 9: beginShape(QUAD_STRIP), 8 vertices, endShape()
Example 10: beginShape(), 6 vertices, endShape(CLOSE)
Example 11: beginShape(), 3 vertices, endShape(CLOSE), beginShape(), 3 vertrices, endShape()
Example 12: strokeWeight(3), stroke(237, 34, 93),beginShape(LINES), 8 vertices, endShape()

shapesTest

James Brink, 5/26/2020