Skip to content

Repository files navigation

Дыхание

Тренажёр дыхания для телефона. Точка идёт по сторонам фигуры, лёгкие наполняются и освобождаются, а звук позволяет заниматься с закрытыми глазами.

Установить на Android

  1. Откройте в Chrome адрес https://sergey-shibaev.github.io/breath/
  2. Нажмите шестерёнку в правом нижнем углу приложения.
  3. Вверху настроек нажмите жёлтую кнопку «Установить» и подтвердите.

Если кнопки нет, установите через меню браузера: три точки справа вверху → «Установить». Не путайте с «Создать ярлык» (это обычная закладка) и с «Версия для ПК».

На рабочем столе появится иконка «Дыхание». Дальше приложение открывается на весь экран и работает без интернета.

Чтобы удалить: долгое нажатие на иконку → «Удалить».

Как устроено

Обычная веб-страница без сборки: открывается двойным щелчком по index.html.

Файл Что делает
index.html, styles.css разметка и оформление обоих экранов
app.js программы, цикл дыхания, настройки
figure.js геометрия фигуры: где идёт точка и куда помещаются лёгкие
backgrounds/ живые фоны, по файлу на фон (контракт описан в registry.js)
sound/ звук: ядро engine.js и четыре режима звучания
sw.js, manifest.webmanifest работа без интернета и установка на телефон

Программы

Четыре длительности в секундах: вдох, задержка на вдохе, выдох, задержка на выдохе. Стандартные программы — «Спокойствие» 4-0-6-0, «Фокус» 4-4-4-4, «Расслабление» 4-0-8-0, «Сон» 4-7-8-0, «Бодрость» 6-0-2-0, «Баланс» 5-0-5-0. Свои программы добавляются в настройках.

Разработка

node dev-server.js

Затем откройте http://localhost:8137 — или design.html, где оба экрана видны рядом, и backgrounds/preview.html, где видны все фоны.

Проверки:

node tests/figure.test.js
node tests/background.smoke.js backgrounds/*.js
node tests/background.seam.js backgrounds/*.js
node tests/sound.test.js sound/bell.js sound/ladder.js sound/tone.js sound/wave.js

Иконки перерисовываются страницей tools/make-icons.html при запущенном dev-server.js.

Предупреждение

Это не медицинское приложение. Дышите мягко, не на полную грудь, сидя или лёжа. Закружилась голова — остановитесь и дышите как обычно. При беременности, болезнях сердца и лёгких, эпилепсии или панических атаках сначала посоветуйтесь с врачом и не делайте задержек дыхания.

About

Тренажёр дыхания: вдох, задержка, выдох — вслед за точкой. Веб-приложение, ставится на телефон.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages