Задача

Разработать анимацию персонажа (маскота) для действующего сайта. Основная задача - получить живую, отзывчивую анимацию, по качеству не уступающую или превосходящую анимацию маскота известного образовательного сервиса (на примере совы Duolingo).

Исходные данные

• Предоставлены растровые изображения (референсы) - PNG/JPEG с примерами поз и эмоций маскота.
• Точные параметры анимации (длительность, повторы, триггеры) обсуждаются с исполнителем.

Требования к анимации

• Полная идентичность или превосходство по плавности и натуральности движений по сравнению с указанным референсом.
• Наличие минимум двух ключевых состояний: пассивное (ожидание) и активное (реакция на действие пользователя: клик, наведение, прокрутка).
• Анимация должна быть адаптивной - корректно работать на десктопе (full HD) и на мобильных устройствах (от 360px ширины).

Технические пожелания

• Формат анимированного Lottie (JSON) или WebP - для минимального веса и поддержки прозрачности.
• Возможность управления через CSS-триггеры или Intersection Observer API.
• Время анимации не более 3 секунд для активного состояния, пассивное - бесконечный цикл с равномерной скоростью.

Дополнительно

Проект предполагает работу в тесной связке с дизайнером для точной передачи эмоций. К фоновому взаимодействию с API не требуется.