← work

BREATHE

inhale. exhale. repeat.

A seven-minute box-breathing meditation. Three.js, a rigged hand, and a procedural drone.

started
April 2026
status
live · no account · sound on
stack
three.js · GLSL · Web Audio API
live
breathe.somedaystudios.xyz

What

27 cycles of four seconds in, hold, out, hold. A dithered cosmic field, a short story narrated one line per cycle, and a hand that breathes with you. The colour walks from red to white across the session.

Why

For fun. Seven minutes of breathing should feel like more than a timer.

Constraints

  • No build step and zero npm dependencies. Static files, three.js from a CDN.
  • The drone and chimes are synthesised. Only the narration is recorded.
  • Audio unlocks on the first tap, or a meditation opens silent on iOS.
  • The 27 narration clips load as the session goes, so the first breath starts immediately.

Takeaway

Nothing to rebuild means nothing to break. It should open unchanged in five years.