Interactive Vinyl Cover (Image Masking)

🔗 Code Example: Interactive Vinyl Cover

🔗 References:

🔗 Timestamps:

  • 0:23 Upload an image onto sketch

  • 2:40 Use mask function

  • 6:17 Use filter function to blur background

  • 7:00 Create a Mask class

  • 9:45 Create multiple circles (Mask objects)

  • 13:14 Rotate circles by changing angles

  • 18:09 Make it interactive

Previous

Pixelated Kaleidoscope

Next

Interactive Fridge Magnets (with ml5.js)