def draw
background(240)
v0 = createVector(50, 50)
v1 = createVector(mouseX - 50, mouseY - 50)
drawArrow(v0, v1, 'red')
v1 = P5Vector.normalize(v1)
drawArrow(v0, v1.mult(35), 'blue')
noFill
ellipse(50, 50, 35 * 2)
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
与えられたベクトルの単位ベクトル(長さを1に正規化したベクトル)を生成します。
| 引数名 | 内容 | 備考 | オプション | デフォルト値 |
|---|---|---|---|---|
| v | ベクトル | p5vectorオブジェクト |
vec : 正規化されたベクトル (p5vectorオブジェクト)
・オプションとして p5.jsでは第2引数に結果収録用ベクトルの指定ができますが、
rbCanvas/p5ではその書式は採用していません。