Contents

#
# Morph. 
# 
# Changing one shape into another by interpolating
# vertices from one to another
#

attr_reader :circle, :square, :morph, :state

def setup
  size(640, 360)
  @circle = []
  @square = []
  @morph = []
  @state = false
  # Create a circle using vectors pointing from center
  (0 .. 360).step(9) do |angle|
    # Note we are not starting from 0 in order to match the
    # path of a circle.  
    v = PVector.from_angle(radians(angle-135))
    v.mult(100)
    circle << v
    # Let's fill out morph Array with blank PVectors while we are at it
    morph << PVector.new
  end

  # A square is a bunch of vertices along straight lines
  # Top of square
  (-50 .. 50).step(10) do |x|
    square << PVector.new(x, -50)
  end
  # Right side
  (-50 .. 50).step(10) do |y|
    square << PVector.new(50, y)
  end
  # Bottom, NB: can't negative step ruby so use your loaf
  5.downto(-5) do |x|
    square << PVector.new(x * 10, 50)
  end
  # Left side
  5.downto(-5) do |y|
    square << PVector.new(-50, y * 10)
  end
end

def draw
  background(51)

  # We will keep how far the vertices are from their target
  total_distance = 0
  
  # Look at each vertex
  circle.length.times do |i|
    # Are we lerping to the circle or square?
    v1 = (state)?  circle[i] : square[i]
    # Get the vertex we will draw
    v2 = morph[i]
    
    # Lerp to the target
    v2.lerp(v1, 0.1)
    # Check how far we are from target
    total_distance += PVector.dist(v1, v2)
  end
  
  # If all the vertices are close, switch shape
  if (total_distance < 0.1)
    @state = !state
  end
  
  # Draw relative to center
  translate(width/2, height/2)
  stroke_weight(4)
  # Draw a polygon that makes up all the vertices
  begin_shape
  no_fill
  stroke(255)
  morph.each do |v|
    vertex(v.x, v.y)
  end
  end_shape(CLOSE)
end

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
ruby-processing-2.4.3	samples/processing_app/topics/motion/morph.rb
ruby-processing-2.4.2	samples/processing_app/topics/motion/morph.rb
ruby-processing-2.4.1	samples/processing_app/topics/motion/morph.rb