Веб-страница с анимацией с задаваемыми параметрами

Нужна готовая html-страница с анимацией. Эта веб-страница будет размещена на моем хостинге. Анимация должна правильно работать на всех устройствах: десктопах, смартфонах, планшетах. 

Предназначение – моделирование речевого выдоха. Будет использоваться пациентами во время логопедических занятий.

Оплата – по договоренности. 

Описание анимации:
Шар периодически надувается, сдувается. Это происходит в двух режимах – "синус" и "пила". Должна быть возможность переключать эти режимы, а также задавать параметры для этих режимов. В приложении макеты, как это примерно должно выглядеть. 

"Синус" 
Радиус шара меняется по синусоидальному закону. Должна быть возможность задавать параметры:
– Относительное изменение радиуса. По умолчанию равно 2. 
– Период колебаний. По умолчанию 4 секунды.

Сдувание/раздувание должно сопровождаться характерным звуком. Получить этот звук можно следующим способом. Пока радиус шара увеличивается, частота звука линейно, непрерывно растет во времени. Пик частоты звука приходится на пик радиуса шара. После прохождения пика частота звука начинает также линейно, непрерывно спадать, вместе с радиусом шара. Таким образом, частота звука линейно по времени растет и спадает вместе с радиусом шара. Если представить частоту звука на графике в зависимости от времени, то получится зубчатая пила.

Изменения радиуса шара визуально должны выглядеть непрерывными. Также и частота звука должен меняться непрерывно.
 
"Пила".
Радиус шара меняется по пилообразному закону. Должна быть возможность задавать параметры::
– Относительное изменение радиуса. По умолчанию равно 2. 
– Время надувания. По умолчанию 3 секунды. 
– Время сдувания. По умолчанию 0.5 секунды. 

Сдувание/раздувание должно сопровождаться характерным звуком. Частота звука меняется линейно во времени так же, как и радиус шара. Если сравнить график частоты от времени и график радиуса шара от времени, то они будут совпадать. Пока радиус шара увеличивается, частота звука линейно, непрерывно растет во времени. Пик частоты звука приходится на пик радиуса шара. После прохождения пика частота звука начинает также линейно, непрерывно спадать, вместе с радиусом шара. Таким образом, частота звука линейно по времени растет и спадает вместе с радиусом шара. Если представить частоту звука на графике в зависимости от времени, то получится зубчатая пила.

Изменения радиуса шара визуально должны выглядеть непрерывными. Также и частота звука должен меняться непрерывно.

Я не силен в анимации, но вроде бы должны быть стандартные функции, позволяющие задавать периодические движения. На крайний случай, если не разберетесь, в приложении формулы зависимости радиуса шара от времени для синуса и для пилы.