Skip to content

Latest commit

 

History

History
99 lines (67 loc) · 7.96 KB

README.md

File metadata and controls

99 lines (67 loc) · 7.96 KB

Music Visualiser Project

Name: Fajar Albalushi, Bayan Alwardi

Student Number: D20125707, D20125581

Youtube Video

YouTube

Description of the assignment

This assignment showcases a visually captivating and funky representation of a song. The provided code employs various visualization techniques to create an immersive and engaging visual experience that complements the music. The code incorporates different modes of visualization, each offering its unique visual effects. These effects are carefully crafted to capture the energy and vibe of the music, resulting in a cool and vibrant visual representation. As the song plays, the visuals come to life, dynamically responding to the rhythm, tempo, and other elements of the music. The code utilizes techniques like amplitude analysis, frequency mapping, and rhythmic patterns to generate visually appealing and synchronized effects. The visual representation generated by the code is meant to enhance the listening experience, adding an extra layer of excitement and enjoyment. It creates a multisensory encounter where the audience can not only hear but also see the music come alive in a funky and visually stimulating manner. Overall, this assignment combines the power of sound and visuals to create a funky and visually mesmerizing representation of a song, resulting in an immersive and dynamic experience for the audience.

Instructions

Run the code: Open the Processing sketch and click the "Run" button or press "Ctrl+R" (or "Cmd+R" on Mac) to start the visualizations.

Explore visualization modes: Press the number keys (1, 2, 3, 4) to switch between different visualization modes. Each mode offers a unique visual effect, so feel free to try them out and see which one you like best.

Control the audio: Press the spacebar to pause/play the audio. This allows you to pause the music and focus solely on the visualizations, or resume the audio playback.

Observe and enjoy: As the song plays, watch how the visuals respond to the music. Notice how the colors, shapes, and movements change in sync with the audio input.

How it works

The visuals created by the provided code can be related to the song "Mantra" by interpreting the visuals in a way that captures the essence and mood of the song. Here's a possible interpretation:

Bayan:

Sphere (Mode 1): The dynamic lines and vibrant colors of the sphere visualization can represent the energetic and pulsating nature of the song "Mantra." The changing positions and lengths of the lines can mirror the rhythmic patterns and melodic movements in the music. The size and color variations of the dots can symbolize the different layers and frequencies present in the song, adding depth and complexity to the visual representation.

-The sphere visualization represents the audio by drawing lines that vary in length and color based on the amplitude of the audio. -As the song plays, the lines change their positions and lengths, creating a dynamic and immersive visual experience. -The size of the dots also changes based on the amplitude, with different colors representing different frequencies. -The visual elements respond to the audio, resulting in an abstract and vibrant representation of the song.

sphere.mov

Spiral Nodes (Mode 3): The spiral pattern and fluid movements of the nodes can represent the continuous and cyclical nature of the song "Mantra." The nodes' interactions and bouncing movements can convey a sense of harmony and synchronization with the music. The changing thickness and color of the lines connecting the nodes can symbolize the intricate layers and textures in the song's composition, adding a sense of complexity and depth to the visual representation.

-This visualization consists of nodes arranged in a spiral pattern that react to the audio input. -The nodes move and bounce around the screen, with their speed and direction influenced by the frequency of the audio. -The lines connecting the nodes are drawn with varying thickness and color, reflecting the audio's intensity and frequency. -As the song progresses, the spiral nodes create a visually intricate and evolving pattern.

nodes.mov

Fajar:

Sound Particles (Mode 2): The moving particles in this visualization can symbolize the repetitive and trance-like nature of the song "Mantra." The particles' movements and sizes can follow the pulsating beats and subtle variations in the music, creating a mesmerizing and hypnotic visual effect. The changing colors of the particles can correspond to the shifting tones and emotions in the song, reflecting its introspective and evocative qualities.

-This visualization displays moving particles that respond to the audio input. -The particles' positions and sizes are influenced by the amplitude of the audio, creating a visual effect that corresponds to the intensity of the sound. -The colors of the particles also change based on the audio input, further enhancing the visual representation of the song.

particles.mov

CDWaves (Mode 4): The circular waves in this visualization can signify the expansive and transformative qualities of the song "Mantra." The size and color variations of the waves can capture the ebb and flow of intensity and emotion throughout the song. The central circle representing the audio source can symbolize the core mantra or recurring motif in the music, while the surrounding waves reflect the subtle variations and harmonies that build upon it. By relating the visuals to the song's characteristics, such as its energy, repetition, cyclical nature, and transformative qualities, the visualizations can enhance the listener's experience and provide a synchronized and immersive representation of the song "Mantra."

-In this visualization, circular waves are created based on the audio input. -The size and color of the waves change dynamically with the amplitude of the audio. -The visualization includes a central circle that represents the audio source, with its size and color responding to the average amplitude of the audio. -The circular waves around the central circle are drawn with different colors and widths, representing different frequency bands in the audio.

cd.mov

What I am most proud of in the assignment

Fajar: I am proud of the code's responsiveness to the audio input. The visualizations dynamically adjust based on the amplitude, frequency, and rhythm of the music. This synchronization between the visuals and the music creates a seamless and coherent experience, where the visuals and music complement each other perfectly. Furthermore, this project helped me to gain better understanding of git. Throughout the project, we faced various challenges that tested our problem-solving abilities and teamwork. Aligning the audio and visual components was a critical aspect of the project. Achieving synchronization between the music and visuals required meticulous attention to detail and thorough testing.

Bayan: I am most proud of the visuals I created for the project. Despite facing difficulties and restrictions on my Mac OS which didn't allow me to use P3D for 3D visuals, I adapted and used my knowledge of shapes, dimensions, and colors to create visuals that gave a 3D feel to the project. I spent a lot of time experimenting with different shapes and colors to make sure the visuals were dynamic and interesting to look at while still synchronizing with the audio. I'm happy with the way the visuals turned out and I think they are a great complement to the audio. It was a challenging but rewarding experience and I'm proud of what I was able to achieve.

Markdown Tutorial