🔗 Code Example: Interactive Dandelion

🔗 References:

• ml5.js:

  • 🔗 ml5.js Website

  • 🔗 ml5.js faceMesh Parts Example

  • 🔗 ml5.js playlist

🔗 Timestamps:

• 0:19 Display and rotate a string of text

• 03:57 Create a Letter class

• 07:49 Create an array of letter objects inside a ring

• 11:37 Create multiple rings of letters

• 19:50 Move letter objects by updating its position, velocity, and acceleration

• 23:02 Create a 'blowing' force based on mouse location

• 28:24 Explore faceMesh model in ml5.js

• 34:16 Integrate code from faceMesh example onto sketch

• 39:45 Create a 'blowing' force based on lips location