Breath 136.1
Take a Breath
From Room to Anywhere
For the closing phase I wanted an experience available anytime and anywhere, so I built it in p5.js for rapid prototyping and web deployment.
Tuning Two Bodies to One Rhythm
I treated it as a shift from the introspective focus on one’s own breath in Aware of Breath toward a ‘Relational Entrainment’ that synchronises the body with an external rhythm, carrying over the 5-5 pattern validated in Breath Knead Kit as the guiding tempo so users settle their nervous system by breathing in unison with the screen.
Designing for Visible Resonance
I split the screen into two layers: a field of layered waves that rises and settles with the guide’s breathing cycle, and two spheres above it representing the guide and the user. The guide sphere stays stable and evenly distributed to read as an external algorithm, while the user sphere fluctuates organically and rotates with breathing intensity, translating the contrast between external order and inner life into form.
Because the microphone reads the signal on the exhale, I let the user sphere expand on exhaling rather than following anatomical accuracy, judging that an immediate feedback loop better motivates entrainment. The background warms from cool lavender to cream as synchronisation strengthens.
Sound as Acoustic Friction
I avoided discrete sounds like gongs or chimes, since the brain registers them as novel events that break entrainment, and instead built a ‘Procedural Soundscape’ entirely from mathematical signal manipulation with no external audio. When breathing is out of sync a faint acoustic beat appears; as it aligns the tones converge into a harmonious chord, while a low-pass-filtered pink noise tracks the user’s input to give a wind-like feedback close to the spectrum of human breath.
Learning by Building
The same mechanism, synchronising breath to an external guide, could extend to other domains that depend on sustained practice, such as vocal and breath training for actors.
Credits
Read More