Bouncing Wave Typography

๐Ÿ”— Code Example: Bouncing Wave Typography

๐Ÿ”— References:

๐Ÿ”— Timestamps:

  • 0:10 Draw text on canvas

  • 3:37 Create Text and Wave classes

  • 8:28 Write a method to move a Text object

  • 11:35 Add interesting movement using easing functions

  • 14:02 Reverse movement direction

  • 16:49 Control total distance traveled for each Text object

  • 19:39 Create multiple Wave objects

  • 20:51 Create wavy and bouncy effects

Previous

Music Visualization with FFT ๐ŸŽต

Next

Binary Clock