bezier 

def setup
  background(220)
  noFill
  stroke(255, 102, 0)
  line(85, 20, 10, 10)
  line(90, 90, 15, 80)
  stroke(0, 0, 0)
  bezier(85, 20, 10, 10, 90, 90, 15, 80)
end

def setup
  background(0, 0, 0)
  noFill
  stroke(255)
  bezier(250, 250, 0, 100, 100, 0, 100, 0, 0, 0, 100, 0)
end

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

[p5.js] bezier

概要

ベジェ曲線を描画します。

書式

bezier(x1, y1, x2, y2, x3, y3, x4, y4)
bezier(x1, y1, z1, x2, y2, z2, x3, y3, z3, x4, y4, z4)

引数

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

戻値

なし

備考

関連