Generating covers for an auto-updating playlist
p5.js sketch that generates a cover for a Spotify playlist. The playlist is continuously updated by playlist service Listige (no affiliation), based on the top 25 weekly posts of the r/PsychedelicRock subreddit.
I had wanted to fiddle around with the Spotify Web API for a while and so I decided to try to create a cover that would change automatically based on the songs in the playlist.
Each of the 25 songs in the playlist is represented by an arrow (the "upvote" symbol ⬆).
One characteristic that distinguishes this playlist is that it frequently includes songs from many different decades, starting with the genre's inception in the 1960s. Because of this, the base colour of each arrow is defined by the
year the song was released.
danceability → more glow
instrumentalness has an effect on the gradient on the arrow.
energy of the first and last song have an impact on the shape of the spiral in "auto" mode.
Site hosting the sketch
Check out the live sketch below, or in a new tab...