🔗 Code Example: Interactive Truchet Tiles

🔗 Inspiration:

• Truchet Rainbows by Ivan Rudnicki

• Coding Tutorial:

  • Truchet Tiles

  • Interactive Display with Rotating Blocks V1

  • Interactive Display with Rotating Blocks V2

  • Rotating Arcs Animation (Arc Function)

🔗 References:

• Raphaël de Courville (@sableraph):

  • The Weekly Creative Code Challenge

  • Birb's Nest Discord

• Easing functions

🔗 Timestamps:

• 0:53 Create a Truchet tile

• 8:27 Create a Tile class

• 11:31 Create a grid of tile objects

• 14:56 Add easing functions

• 20:07 Make it interact to mouse's location

• 22:56 Make it pretty