def setup
background(220)
v1 = createVector(0, 0, 0)
v2 = createVector(100, 100, 0)
v3 = P5Vector.lerp(v1, v2, 0.5)
div = createDiv("[#{v3.x}, #{v3.y}, #{v3.z}]")
div.position(10, 10)
div.style('font-size', '14px')
div.style('width', '100px')
end
def setup
@step = 0.01
@amount = 0
end
def draw
background(240)
v0 = createVector(0, 0)
v1 = createVector(mouseX, mouseY)
drawArrow(v0, v1, 'red')
v2 = createVector(90, 90)
drawArrow(v0, v2, 'blue')
if @amount > 1 || @amount < 0
@step *= -1
end
@amount += @step
v3 = P5Vector.lerp(v1, v2, @amount)
drawArrow(v0, v3, 'purple')
end
# draw an arrow for a vector at a given base position
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