呼吸を整える

つくりの話

「止める」は、動かないことで伝える

呼吸ガイドでいちばん難しいのは「止めて」の時間です。吸う・吐くは光の大きさで見せられますが、止めている間は大きさが変わりません。何も動かないと、止まっているのか、ページが固まったのかの区別がつきません。

そこで、止めている間は光の大きさをそのまま保ち、外側のリングだけがぼんやりと明るく脈打つようにしました。リングを走る点は止めている間も進むので、「あと何秒か」は点で読めます。動きを消して、時間だけを流す。この止まり方を「間（ま）」と呼んでいます。

光の動きは、ふくらみ始めとしぼみ終わりがゆっくり

光の大きさは一定の速さでは変わりません。合図が切り替わった直後はゆっくり動き出し、中ほどで速くなり、終わりぎわにまたゆっくり落ち着きます。実際の呼吸も、吸い始めと吸い終わりは勢いが弱いので、等速よりこのほうが自然に合わせやすくなります。

まわりに浮かぶ30粒ほどの光は、吸うときに中心へ集まり、吐くときに外へ散らばります。光の球だけを見ていても、粒の動きで「いまはどっちか」がわかるようにしてあります。

文字は明朝、ボタンはガラス

「吸って」「吐いて」の文字は明朝体で大きく出しています。ほかのページのような太い線のボタンは呼吸の邪魔になるので、このページの中だけは、薄いガラスのような静かなボタンにしました。押す前の「はじめる」ボタンは、5秒あまりの周期でゆっくり光って、呼吸するように誘います。

いろは藍・苔・夕・砂の4つ。背景と光の色がまとめて変わります。

音は、光といっしょに呼吸する

♪ をオンにすると、低い持続音が光の大きさに合わせて音量と高さを変えます。吸うほど少し大きく高く、吐くほど小さく低く。合図が切り替わるたびに、吸うときと吐くときで高さの違う短い鈴の音が鳴ります。録音は使わず、すべてブラウザの中で合成しています。対応するスマホでは、合図の切り替わりで短く振動もします。

動きを減らしたい人にも

端末で「視差効果を減らす」などの動きを抑える設定がオンのときは、光の球は大きさを変えず、浮かぶ粒も出しません。そのぶん、中央の文字とリングを走る点だけで合図がわかるようにしています。

楽しみ方

• 寝る前に5呼吸だけ：ながさを「5呼吸」にすると、終わったところで静かに完了の表示が出ます。時間を気にせず目を閉じていられます。
• 作業の合間に1分：通知を見続けて息が浅くなったときに。「1分」はコヒーレントなら6呼吸ぶんです。
• フルスクリーンで暗い部屋に：⤢ で画面いっぱいにして、部屋の明かりを落とすと、光だけが呼吸している状態になります。
• 連続日数を伸ばす：1日1回でも終えれば連続日数が増えます。待機中の画面の下に、これまでの呼吸数と一緒に出ています。