Text Distortion

🔗 Code Example: Text Distortion

🔗 References:

🔗 Timestamps:

  • 0:10 Create a ring of circles

  • 3:10 Create multiple rings of circles with varying radii

  • 6:30 Create a linear distortion effect

  • 8:50 Create an oscillated distortion effect

  • 13:46 Add image onto sketch

  • 14:57 Map pixel data from the image onto the rings

  • 20:42 Repeat pixel data horizontally and vertically

  • 25:48 Make it pretty

Next

Bloom Kinetic Clock