soundArchive - Stardance

Ship #1

@maruscarebecca on soundArchive · about 1 month ago

my most recent web project is soundArchive! A soundboard (which, the more I think about it, is the most 2010's era cringe thing ever) I built to mess around with the p5.js library and just do something fun in general. Played around with some animations for pressing the buttons and randomly changing the background color on each click.

Credits for the idea and the base of the project all go to Codedex, a platform I love and that helped me grow as a coder, 100% :))
Here's the tutorial I followed for the first part of the project: https://www.codedex.io/projects/build-an-interactive-soundboard-with-p5js

Overall, I had fun. 10/10, would recommend.

2 devlogs
3h

Try project → See source code →

Open comments for this post

@maruscarebecca on soundArchive · about 1 month ago

1h 5m 55s logged

pretty much wrapped up work on soundArchive.

I added the title and a subtitle in a funky font (this is the first time I’ve used a Google font on a website so that’s something new) and changed some button’s colors - there was too much green and blue before:))

It felt too boring so I made it that each button press randomly changes the background color, and implemented 2 animations for pressing the buttons and ripples.

Open comments for this post

@maruscarebecca on soundArchive · about 1 month ago

1h 28m 52s logged

started working on soundArchive!
I discovered the p5.js library today, thought it seemed cool, and wanted to build something with it, so here we are!
Credits to Codedex’s tutorial: https://www.codedex.io/projects/build-an-interactive-soundboard-with-p5js

I definitely want to add more animations and change the buttons colors before I deploy, but we have to start somewhere, right?