0407 - beginShape(): A new way of drawing
You are asked to use the beginShape(), vertex(), and endShape() commands to reproduce the serrated shape shown here :
You will note that this shape has many "teeth". To render this shape properly, you will need to combine a small number of hand-coded vertices, with a large number of vertices which are computationally generated. Here are some hints:
- The canvas is 400x100.
- The only hand-coded vertices are located at (10,10), (390,10), and (390, 30). These are used for the top corners of the shape, more-or-less.
- All of the other vertices are generated by a for{} loop. The symmetrical teeth are 20 pixels apart, and 20 pixels high.
- All of the vertices are contained within a single set of beginShape() and endShape() commands.