curve

概要

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

[p5.js] curve

サンプル

def setup
  background(220)
  noFill
  stroke(255, 102, 0)
  curve(5, 26, 5, 26, 73, 24, 73, 61)
  stroke(0)
  curve(5, 26, 73, 24, 73, 61, 15, 65)
  stroke(255, 102, 0)
  curve(73, 24, 73, 61, 15, 65, 15, 65)
end

def setup
  background(220)
  p1 = { x:  5, y: 26 }
  p2 = { x: 73, y: 24 }
  p3 = { x: 73, y: 61 }
  p4 = { x: 15, y: 65 }
  noFill
  stroke(255, 102, 0)
  curve(p1[:x], p1[:y], p1[:x], p1[:y], p2[:x], p2[:y], p3[:x], p3[:y])
  stroke(0)
  curve(p1[:x], p1[:y], p2[:x], p2[:y], p3[:x], p3[:y], p4[:x], p4[:y])
  stroke(255, 102, 0)
  curve(p2[:x], p2[:y], p3[:x], p3[:y], p4[:x], p4[:y], p4[:x], p4[:y])
end

def setup
  background(220)
  noFill
  stroke(255, 102, 0)
  curve(5, 26, 0, 5, 26, 0, 73, 24, 0, 73, 61, 0)
  stroke(0)
  curve(5, 26, 0, 73, 24, 0, 73, 61, 0, 15, 65, 0)
  stroke(255, 102, 0)
  curve(73, 24, 0, 73, 61, 0, 15, 65, 0, 15, 65, 0)
end

構文

戻値