life is stressful, take a 'breather'

'breather' is a generative art collection that transports you into a surreal summer scene, a place to pause and rejuvenate. each piece mirrors a calming breathing pattern and welcomes you to follow along.

_____

process:
'breather' artworks are generated using one of 30 'seed images' i've captured in the summertime - they are compressed and referenced as data for drawing the generative outputs with p5.js and WEBGL.

breathing patterns: each piece aligns with one of three breathwork patterns.
- 'calm': also known as the 4-7-8 breathing technique, this pattern is designed to promote relaxation and reduce anxiety
- 'energize': this pattern can increase oxygen flow and stimulate the nervous system, promoting alertness and energy
- 'regulate': also known as box breathing, this technique can enhance focus and reduce stress by regulating the body's oxygen levels

how to breathe along:
imagine that the orb is a reflection of you. as it expands, inhale deeply to fill your body with air. as it holds, you hold as well. as it contracts, exhale fully, emptying the air from your lungs and abdomen. continue for as long as you need.

interactions:
- ’s’ save png
- ‘h’ hide/show orb
- ’t’ toggle text instructions
- ‘f’ freeze animation
- ‘p’ pause/play orb
- click & drag
- append '?pxDensity=' at the end of the url to adjust pixel density