Conceptualisation | Multimedia Visual Design
(3) Project Team: Mia, Shazlyn, Shun Yi
“Visual Noise” explores the unique patterns and rhythms of three individuals, visualised through three mediums: P5.js, Arduino, and TouchDesigner.
I worked with 2 other groupmates - Mia and Shazlyn, where we took charge of the different experiments. I came up with the Sensor DJ and also worked on my parts within the shared works: the white collection in ‘Procedural Data’ and the 'Breathe!' in ‘Rhythm of the Body’.
1: Rhythm of the Body
Our project visualises the rhythms of human biology by using data from blinks, pulse, and heartbeats per minute. Each element—blinks, pulse, and heartbeats—is represented by a unique shape: squares, triangles, and stars, respectively. We use these shapes in combination with color to express individuality, assigning orange for Shaz, green for Mia, and white for Shun Yi. Each person’s data animates in real time, with the shapes pulsing, rotating, or expanding to reflect the tempo and intensityof their beats. This fusion of shape, color, and rhythm transforms raw biometric data into a dynamic and personal visual experience, highlighting both the uniqueness and shared essence of human patterns.
I made use of p5.js to create 'Breathe!', and used different sided stars to represent each one of us.
2: Sensor DJ
This interactive ‘DJ’ set offers a unique way to experience music visually, acting like an audio visualizer. Playing with the Arduino kit felt reminiscent of spinning tracks on a DJ set, inspiring us to design the visual output to appear glitchy and wavy, where users get the illusion of sound and music despite there being no audio.
Created with Arduino and p5.js, users can change the colors with each click of the button, and they can also adjust the scale of the circles by turning the knob, enhancing the immersive ‘DJ’ experience.
3: Procedural Data
In this grid experiment, we embraced organic elements and a touch of fuzziness, layering our unique colors to bring each piece to life. Working with different speeds added a dynamic quality to
the visuals: Shun Yi’s slower pace, represented in white, introduced a calm, steady rhythm that contrasted beautifully with the faster movements of Mia’s green and Shazlyn’s orange. Each choice contributed to a rich exploration of texture and movement, with each element responding to both personal rhythm and shared design principles. The result was a cohesive yet textured grid that visually expresses the interplay between color, pace, and form.
BLINK!
Mia - 25 blinks
Shazlyn - 30 blinks
Shun Yi - 54 blinks
BREATHE!
Mia - 30 breaths
Shazlyn - 13 breaths
Shun Yi - 40 breaths
PULSE!
Mia - 80 pulse
Shazlyn - 66 pulse
Shun Yi - 127 pulse