Loading...
Inspired by my fascination with Lemongrab from Adventure Time, a character who finds everything overstimulating and unacceptable. I created a playful animation about a king who despises noise. Built in p5.js, the project transforms sound into dynamic waveform visuals using an FFT algorithm. To highlight the absurdity, I added a comical rainbow effect that reacts to sound levels, enhanced by color gradients and animated elements. The "Noise King" demands absolute silence—and spirals into chaos when things get too loud.
Using p5.js, I created a visual system that turns sound into art. By leveraging the Fast Fourier Transform (FFT) algorithm, I translated complex sound wave data into a dynamic waveform graph. This visualization captures both frequency and amplitude, bringing sound to life through motion and form.
To make the experience more engaging, I added a rainbow effect that changes in response to sound levels. I carefully designed color gradients and animation to create a playful, visually rich interaction. The result is a vibrant display where each sound triggers a kaleidoscope of movement and color.
I also integrated mathematical scaling and responsive design, allowing the character within the animation to grow and shift in real time. As noise levels rise or the screen size changes, the visuals adapt accordingly. This ensures that the project feels interactive and immersive across different environments.
*Works best on Desktop Version*
Camera and Audio Permission needed to use the Code
.png)
.png){kind=small}