For this week's homework, I wanted to explore Teachable Machine's pose project to train human alphabet so that users can use posed letter "YMCA" to log in. My plan was to divide the code into two parts. One part is to the code the login screen. Another part is to import the trained pose project from Teachable Machine into p5.js, and make sure users can only input four poses, which are poses for YMCA and the letters get to input in the text box on screen.
The hardest part is to think through how to make the input into one letter at a time, let letters show up in the text box one letter at a time and not too fast, and don't show poses that have confident score lower than 0.9.
Code
Log in screen: https://editor.p5js.org/Jenny-yw/sketches/4W9sdunjE
Trained model in p5js with pause and password length: https://editor.p5js.org/Jenny-yw/sketches/cbgq-oxNT
Combined: (still need to figure out why it's not working) https://editor.p5js.org/Jenny-yw/sketches/EeBaMRtdK
❓Problem: I didn't figure out how to get the input into the input box. You could see in the video that YMCA is logged in the console.
Comments