Code

size (400,100);
background(235,175,175);
fill(255);
beginShape();
vertex (10,10);
for (int i = 10; i <= 385; i += 20) {
  vertex (i, 30);
  vertex ( i+10,50);
} 
vertex (390, 30);
vertex (390,10);
endShape (CLOSE);

0407 - beginShape(): A new way of drawing

Statement: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.

hide statement