Добрый день.
Имеется сайт – *kireichev.ru*
1.На главной странице есть фигуры –
которые необходимо анимировать в виде перетекающей жидкости (морфинг) анимация должна быть энергичной, без рывков и зациклена.
2. Должна быть возможность взаимодействовать с фигурами, например при наведении она должна менять форму (обсуждаемо, если очень сложно в реализации, можно обойтись без взаимодействия).
3. Анимация должна работать на js, canvas, html5, css3, svg, быть адаптивной и не нагружать сайт.
Готовую анимацию необходимо интегрировать с сайтом, или написать инструкции для front-end разработчика.
Примеры:
-
(в этом варианте маленькая амплитуда, и не сильно энергично)
-
(так же медленно и маленькая амплитуда)
-
(видно как анимация обрывается на каком то моменте)
-
(нормальная амплитуда, но на сайте фигуры должны быть всегда в одном месте (либо не очень сильно менять позицию), не плавать по всему экрану)
-
-
-
Варианты взаимодействия с фигурой:
-
-
-
Кто сможет подобное реализовать? Присылайте примеры и стоимость работы.