def draw
background(240)
v0 = createVector(0, 0)
v1 = createVector(50, 50)
drawArrow(v0, v1, 'red')
length = map(mouseX, 0, width, 0, 141, true)
drawArrow(v0, P5Vector.setMag(v1, length), 'blue')
noStroke
text(format("magnitude set to: %.2f", length), 10, 70, 90, 30)
end
def drawArrow(base, vec, myColor)
push do
stroke(myColor)
strokeWeight(3)
fill(myColor)
translate(base.x, base.y)
line(0, 0, vec.x, vec.y)
rotate(vec.heading)
arrowSize = 7
translate(vec.mag - arrowSize, 0)
triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0)
end
end
与えられたベクトルに対して大きさを設定して新たなベクトルを生成します。
| 引数名 | 内容 | 備考 | オプション | デフォルト値 |
|---|---|---|---|---|
| v | ベクトル | p5vectorオブジェクト | ||
| len | 長さ |
vec : 新たなベクトル (p5vectorオブジェクト)
・オプションとして p5.jsでは第3引数に結果収録用ベクトルの指定ができますが、
rbCanvas/p5ではその書式は採用していません。