ВАШЕ ИЗОБРАЖЕНИЕ · ЖИВАЯ 2D-АНИМАЦИЯ
Шпиц, который замечает курсор
Откройте ранее созданную картинку. Настройте глаза и голову тремя кликами, проверьте движения и скачайте код для Zero Block. Изображение из переписки в этот файл не встроено.
Укажите URL изображения шпица в настройках кода.
Мышь управляет направлением взгляда через движение головы. На телефоне проведите пальцем по изображению. Клетчатый фон есть только в демо.
1. Загрузите своего шпица
Файл остаётся в вашем браузере. Для публикации понадобится публичный URL.
2. Совместите анимацию с картинкой
Сначала выберите картинку.
3. Скачайте готовый сниппет
Перед выгрузкой укажите выше публичную HTTPS-ссылку на ту же картинку и загрузите её для проверки.
Посмотреть и скопировать весь код
Моргание имитируется сжатием текстуры глаз; отдельные веки и новые ракурсы не генерируются. Лучше всего подходит фронтальная PNG/WebP-картинка на прозрачном фоне. Если включено системное уменьшение движения, анимация отключается.