First time working with beginShape and endShape

So basically this is code for a project. I have the circles rotating how I’d like them to, I also have a point on the inner circle rotating how i’d like it to. The point’s x and y positions are being saved in an array after first becoming a vector. Later on in my show function i tried a for loop to draw a vertex at each x and y position. However it only draws a vertex at the current x and y point. Im very confused, been trying this for ages.

link to code: https://editor.p5js.org/ZachMcMkay/sketches/ooBViYgh1

in this version
https://editor.p5js.org/kll/sketches/ngqEdx1IF
i try:

//curve.getX(px);
//curve.getY(py);|
curve.addPoint(px,py);

with:

  addPoint(x,y){
    this.current = createVector();
    this.current.x = x;
    this.current.y = y;
    this.path.push(this.current);
  }


SNAG-0050