Надо доработать страницу
arlilia.fleurante.ru/ Этот шар используется пациентами логопеда для тренировки речевого дыхания. Шар имитирует дыхание: шар надувается вдох, сдувается выдох.
Нужны следующие доработки.
1) Для режима "пила" каждое четное колебание шара должно быть другим цветом. Например, ближе к красному. Желательно, чтобы цвет от синего к красному переходил плавно, чтобы не стреляло в глаза из-за резкой смены цвета.
Режим "синус" трогать не нужно.
2) сделать кнопку "включить/выключить звук". При нажатии кнопки звук отключается и работает только анимация, без звукового генератора.
3) Сделать новую анимацию (в отдельном файле, отдельная веб-страница). Он будет работать по аналогии с шаром, но там вместо сдувающегося/раздувающегося шара будет двигаться точка по кривой. Все остается, как с шаром:
два режима: синус и пила
можно задавать время сдувания/надувания, период обновления
включить/выключить звук
но только вместо шара будет примерно такая картинка:
take.ms/ruUoV,
take.ms/cvBJe.
Если вы сами не сможете написать формулы движения точки по кривой (положение точки на кривой в зависимости от времени), это не проблема, я напишу формулы. А вам надо будет только реализовать в графике.