Interactive Bridge with Bouncing Balls (matter.js + ml5.js)

🔗 Code Example: Interactive Bridge with Bouncing Balls

🔗 References:

🔗 Timestamps:

  • 2:08 Create a Bridge class

  • 6:42 Fix positions of the outer most circles to create a bridge

  • 9:49 Walk through ml5.js documentation

  • 11:38 Add ml5.js handpose example code to sketch

  • 25:07 Use thumb and index fingers' positions as bridge's position

  • 27:32 Create a bunch of color bouncy balls

  • 35:07 Remove balls that are off screen

  • 41:40 Final touches

Previous

Differential Line Growth

Next

Springy Chain with matter.js 🔗