def setup
  background(220)
  v1 = createVector(1, 2, 3)
  v2 = createVector(2, 3, 4)
  v3 = P5Vector.add(v1, v2)
  text(v3.toString, 10, 30, 60)
end

# red vector + blue vector = purple vector
def draw
  background(240)
  v0 = createVector(0, 0)
  v1 = createVector(mouseX, mouseY)
  v2 = createVector(-30, 20)
  v3 = P5Vector.add(v1, v2)
  drawArrow(v0, v1, 'red')
  drawArrow(v1, v2, 'blue')
  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