Работа для опытных фронтендеров
Здравствуйте, уважаемые опытные фронтендеры! Задачка как раз для вас!
Заказчику очень нравится вот этот сайт https://www.sweetpunk.com/en/
И он хочет воспроизвести используемые на нем эффекты анимации.
Распишу подробнее.
1. Первый экран - это готовый ролик. У нас он тоже разработан (готов).
2. Между первым и вторым экраном идет переход в виде деформируемой волны.
Обратите внимание, как волна себя ведет при движении страницы как вниз, так и вверх.
3. На втором экране - эффект разлитой краски или воды + проигрывание какой-то простой анимации поверх, скорее всего, это тот же самый ролик в виде теней и при движении курсора происходит эффект ряби.
4. На первом экране анимированный курсор для включения звука.
На главной этого сайта есть и другие эффекты, но они уже сравнительно простые, а вот эти - сложные - мы не делали никогда.
Очень рассчитываю на вашу помощь!
Если вы будете использовать готовые библиотеки, решения, которые можно легально использовать, то пожалуйста. Но они должны работать во всех популярных броузерах - Chrome, Firefox, Safari, Edge, Opera, Yandex Browser.
Оплату пишу условно, выставляйте свою цену.