Hazy Harmonics 2025 

Project description

I designed this interactive web-based wind chime that changes according to the weather and air conditions, visualizing and sonifying PM2.5 levels.

Inspiration

I am from Hsinchu, a city in Taiwan known for its strong winds. The strong winds and air pollution here have a significant impact on my allergies. Wind and PM2.5 are not directly perceivable, so I aim to transform these invisible phenomena into an interactive sound experience, allowing viewers to intuitively feel the changes in air and weather. This is not just a data presentation; it’s about creating emotional resonance with these invisible forces, increasing their understanding and awareness of these issues.

A virtual wind chime sways against a blue sky on a desktop monitor.
Daytime wind chime visualization with a blue sky and white clouds. Wind chime visualization with a hazy brown sky representing poor air quality. Nighttime wind chime visualization with a dark blue sky and stars. Wind chime visualization with a purple sky representing dangerous air quality.

Process

In creating this wind chime project, I integrated the Open Weather API to adjust the wind chime's sound based on weather and air quality. Using p5.js's sound module, I altered sound effects like distortion and reverb depending on local environmental conditions, giving the piece an added layer of interactivity and relevance.

Gesture-recognition prototype tracks hand and face landmarks in a webcam preview beside the code editor.

In the early stages of creation, I tested the combination of gesture triggers and Matter.js.

To enhance the overall experience, I combined physical effects with gesture control using p5.js for visuals and ml5.js for gesture recognition, allowing the audience to trigger the chime’s movement and sound. To simulate realistic motion, I used Matter.js for gravity, elasticity, and friction, making the swaying appear more natural. After refining the gesture recognition and adjusting parameters, I improved stability and fluidity.

Hazy Harmonics running on a desktop monitor, showing a wind chime beneath a blue sky.

Reflection

I hope to transform this work into a fully realized physical interactive installation in the furture. By transitioning from digital art to a physical piece, the audience will be able to engage with the work in a more direct and complete way. I plan to incorporate sensors that measure real-world environmental factors such as wind speed, temperature, and air quality, and these data will control the movement and sound of the wind chimes.

Hazy Harmonics displayed on a tilted screen at an exhibition. A monitor displays the wind chime against a warm hazy sky at the exhibition.