ForeverSongs

ForeverSongs

ForeverSongs

Turning Shapes Into Sound

Turning Shapes Into Sound

Turning Shapes Into Sound

ForeverSongs started as a random idea … What if I could create a site where a user created shapes that bounced around the screen and made sound every time they collided with the edge of the window? This was my personal mashup of DVD screensavers of my youth and my love for generative sound. Using ChatGPT, I was able to create and develop demos for ForeverSongs using a mix of HTML, CSS, Javascript, and the Web Audio API. Using the Web Audio API, I was able to make the shapes trigger synthesized sound and create menus to allow users to manipulate the triggered sounds in a variety of ways. ForeverSongs is a product of my love of music and never ending interest in creating exciting digital experiences.

ForeverSongs started as a random idea … What if I could create a site where a user created shapes that bounced around the screen and made sound every time they collided with the edge of the window? This was my personal mashup of DVD screensavers of my youth and my love for generative sound. Using ChatGPT, I was able to create and develop demos for ForeverSongs using a mix of HTML, CSS, Javascript, and the Web Audio API. Using the Web Audio API, I was able to make the shapes trigger synthesized sound and create menus to allow users to manipulate the triggered sounds in a variety of ways. ForeverSongs is a product of my love of music and never ending interest in creating exciting digital experiences.

Menus & Controls

I used Figma to design the UI of ForeverSongs and developed the menus to have controls that were reflective of what I wanted the ForeverSongs experience to be. I wanted to make it easy for users to change single shape settings as well as make global changes to their shapes to encourage experimentation and discovery while using it.

Color & Customization

I added a paintbrush button that cycles through a palette of colors, allowing the user to further customize their experience to their liking and add to the space they're creating.

I'd love to hear from you

I'd love to hear from you

Copyright © 2024 All rights reserved.

Thanks for stopping by!

Copyright © 2024 All rights reserved.

Thanks For Stopping By!

Copyright © 2024 All rights reserved.

Thanks for stopping by!

Copyright © 2024 All rights reserved.

Thanks for stopping by!