bezierVertex 

def setup
  background(220)
  noFill
  beginShape
  vertex(30, 20)
  bezierVertex(80, 0, 80, 75, 30, 75)
  endShape
end

def setup
  background(220)
  beginShape
  vertex(30, 20)
  bezierVertex(80, 0, 80, 75, 30, 75)
  bezierVertex(50, 80, 60, 25, 30, 20)
  endShape
end

def setup
  createCanvas(100, 100, WEBGL)
end

def draw
  orbitControl
  background(50)
  strokeWeight(4)
  stroke(255)
  point(-25, 30)
  point(25, 30)
  point(25, -30)
  point(-25, -30)

  strokeWeight(1)
  noFill

  beginShape
  vertex(-25, 30)
  bezierVertex(25, 30, 25, -30, -25, -30)
  endShape

  beginShape
  vertex(-25, 30, 20)
  bezierVertex(25, 30, 20, 25, -30, 20, -25, -30, 20)
  endShape
end

p5.jsリファレンス(参考情報)

[p5.js] bezierVertex

概要

ベジェ曲線の頂点座標を指定します。

書式

bezierVertex(x2, y2, x3, y3, x4, y4)
bezierVertex(x2, y2, z2, x3, y3, z3, x4, y4, z4)

引数

引数名内容備考オプションデフォルト値
x2制御点1の x座標
y2制御点1の y座標
x2制御点2の x座標
y2制御点2の y座標
x4基準点の x座標アンカーポイント
y4基準点の y座標アンカーポイント
z2制御点1の z座標WEBGLモードのキャンバスでのみ有効
z3制御点2の z座標WEBGLモードのキャンバスでのみ有効
z4基準点2の z座標WEBGLモードのキャンバスでのみ有効

戻値

なし

備考

・「beginShape ～ endShape」構文または「shape do ～ end」構文の中でのみ有効です。

関連

beginShape
endShape
shape