I used teachable machine to create an audio project for my final project. I am a big music fan so I decided to make sketches to represent the biggest songs in music this year. For the teachable machine portion, when a user plays one of the top songs of 2021, the code will recognize it and a specific image will be displayed based on the song as a way of visualizing the year in music. The songs I included are Drivers License by Olivia Rodrigo, Good 4 U by Olivia Rodrigo, Levitating by Dua Lipa, Kiss Me More by Doja Cat and SZA, and Heat Waves by Glass Animals. I initially pulled inspiration from Spotify Wrapped, but as I did my sketches the song visualizations were influenced by either the lyrics of the song or the music videos. I wanted my illustrations to have more of a cartoon feel, so I utilized gifs and other animations to make the visualizations more fun and interactive.
Here is my code: https://editor.p5js.org/katrinamorgan/sketches/6SZFtAcml
Presentation with images: https://docs.google.com/presentation/d/1za9c38FQEdUSNIe6dUpTNRy5uJ1Y8q_trwWgYJLm_iY/edit?usp=sharing
Bibliography:
https://editor.p5js.org/aferriss/sketches/H18ePMyqG
https://editor.p5js.org/awade5/sketches/BJHlo64z4
https://editor.p5js.org/re7l/sketches/zt2ZJrpgo
https://www.reddit.com/r/p5js/comments/qrxjw7/how_do_i_randomize_the_color_of_something/