I have always been a huge music nerd. Add to that list also being a coding nerd. I recently learned and saw the potential it had to create immersive experiences, especially for designers and artists like me. Processing I decided to combine my love for music and my recent Processing knowledge to create an immersive music visualiser that could help me enjoy my music more. It's in 3D so you feel you're completely immersed in the music while moving through a starfield, and I hope to make it VR compatible in the future. How it works Separating the bands The input music is first separated into the lows, mids and highs by applying a on the audio track based on their frequencies. Fourier Transform Setting the color The color is based on is an RGB value that is equally based on the lows, mids, and high. The color of the spheres (or planets, as I like to call them in this case) is also based on the above principle. Except it is more apparent and more intense than the background color. The color tends towards red on bass-heavy parts, and towards blue in treble dominant parts. When it is white, it suggests all bands are at full force. The planets disappear when the track goes quiet, as all frequency bands are dormant. Recognising the beats The planets also enlarge and contract based on the beat of the track. You can notice planets throbbing with the beat as they come towards you. Speed of movement The speed is tied to all three frequency bands, which are lows, mids, and highs. However, the weights are adjusted so that it is most affected by the high-frequency bands. When the highs are dominant, the movement through the starfield is quicker. This project was a 2-day exploration to learn more about Processing and audio visualisation. If you have any questions, suggestions, or feedback, do let me know email at ahujasid@gmail.com.

My App Lets You Sort your Music by Mood [with some help from Spotify's Web API]

Designer/Technologist

Read My Stories

Too Long; Didn't Read

Make resilience your competitive advantage

I Built This Immersive Audio Visualiser

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

My App Lets You Sort your Music by Mood [with some help from Spotify's Web API]

3 Common Types of 3D Sensors: Stereo, Structured Light, and ToF

3D Models at City Scale!

3D Technology: Explore to Know How It Benefited Businesses

6 Best Web 3.0 Trends We Will See in 2023

My App Lets You Sort your Music by Mood [with some help from Spotify's Web API]

3 Common Types of 3D Sensors: Stereo, Structured Light, and ToF

3D Models at City Scale!

3D Technology: Explore to Know How It Benefited Businesses

6 Best Web 3.0 Trends We Will See in 2023

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps