🎙️Sound Wave_Lightning⚡️
🔗 Interact with the “Sound Wave” on p5.js (Try to talk/sing and see what happens!)
VIDEO RECORDING
WORK PROCESS
Inspiration
While browsing and looking for inspiration online, this visualization of sound waves caught my eye at first sight. Since I want to explore the possibility of some real-time audio/visual experience, I then decided to make the visualization of microphone input with the help of the noise and sin()/cos() functions.
Modifying and Testing…
TEST#01: Linear Motions
From my past experience, I habitually think of sound waves as horizontal and linear motions, just as how it’s depicted in the project I was inspired by above. So I started by trying to create wave-like visualizations and learning to get the volume from the microphone and make it as an input by referring to the project mentioned above. Then I tried to modify the parameters and change the x and y positions. Surprisingly, I found the vertical motions look very different from the original horizontal ones and are similar to the lightning effects, which is really interesting.
TEST#02: sin(), cos() – circular motions
By reviewing the code we learned in class, I noticed that the sin() and cos() functions are quite helpful when we want to create circular movements related to the frame count. Thus, I applied and modified part of the code from our class and integrated it into my code. As a result, the particles can follow a circular shape while also adjusting the “size” based on the input volume.
REFLECTION
Learning through Applying the Theory into Practice
When doing this mini-project, I didn’t have a clear idea of what I was going to make at first, but then through researching online, applying different functions to the code, and adjusting and experimenting with more possibilities, I was able to draw inspiration from the things I made and find a direction to keep working on.
For this project, I put two of my tests together and made adjustments to achieve better visual quality. First, I enlarged the “diameter” of the “circle” and made two of them move directly opposite to make a mirroring and echoing effect. Together with a lightning wave stuck in the middle of the canvas, all the elements move according to the audio input (basically the volume).
SCREENSHOTS OF THE VISUAL EFFECTS
