title: Mix vertex and curveVertex in a shape?
body: <p>I am trying to create a shape with both straight lines and curved parts. I want all points to connect and then to fill the interior with a color. I cannot seem to locate this information or a way to do it in a single shape. Is there a way to do this? For example a rectangle with an inverted curve on each end? I can do it with arcs and lines like the below code but I have to think there is an easier way using beginShape somehow or something similar? Also even using the lines and arcs, I am not sure how to fill it.</p>
  <pre><code>  arc(200, 200, 150, 150, radians(0), radians(90), OPEN);
  
    arc(200, 200, 50, 50, radians(0), radians(90), OPEN);
    
    let x1 = 200 + Math.cos(radians(0)) * 25;
    let y1 = 200 + Math.sin(radians(0)) * 25;
    
    let x2 = 200 + Math.cos(radians(90)) * 25;
    let y2 = 200 + Math.sin(radians(90)) * 25;
    
    let x3 = 200 + Math.cos(radians(0)) * 75;
    let y3 = 200 + Math.sin(radians(0)) * 75;
    
    let x4 = 200 + Math.cos(radians(90)) * 75;
    let y4 = 200 + Math.sin(radians(90)) * 75;
    
    line(x1, y1, x3, y3)
    line(x2, y2, x4, y4)
  </code></pre>