I have created an interactive sound header that visualizes and manipulates sound frequencies using sine waves.
I was inspired by existing sin function visualizers, Daniel Shiffman's coding examples, Desmos (an online graphing calculator), and my personal interest in the connection between Sine waves and sound. When I first started this project, I was very intrigued that this concept of sin that I learned in my high school functions math class was coming up again, and I wanted to create something with that interest.
What I learned through my research was that there are already sine wave sound visualizers that allow the user to manipulate sound and have it reflect that wave either by inputting numbers or using sliders but I had yet to see something where a user could manipulate the wave itself, and use that sine wave to create artwork while simultaneously creating sound.
Additionally, I learned that "all sounds can be built up out of pure tones" (R. Kulkarni) meaning that all sounds could be broken into many different sine wave frequencies so with that concept I set out to come up with a way for the user to overlap sine sounds.
That is how I ended up with my final design, a tangible playful sound oscillator. Users can drag, stretch, and compress different colour sin waves to control the amplitude and frequency in real-time. By giving this freedom they can create artwork while creating a unique sound.
Click here to see it working on my server
Powered by w3.css