oil-oil/oil-motion

Китайский · Английский

Масляное движение — универсальный интерактивный навык анимации для агентов. Он отвечает за проектирование движений, генерацию непрерывных кадров, организацию анимационных ресурсов и интеграцию финального эффекта в прокрутку страницы, движение мышью, перетаскивание, касание или ориентацию устройства.

При использовании достаточно указать, что именно вы хотите выразить, какие ассеты предоставить и какие действия должна выполнять анимация. Конкретная генерация, проверка, сжатие и реализация фронтенда осуществляется агентом.

Демонстрация

https://github.com/user-attachments/assets/08e26ad6-ca23-4f31-ac53-44c7692ba99d

Установка

Дайте адрес репозитория агенту:

Вы также можете установить его с помощью команд, а после завершения заставить агента перезагрузить навык:

Применимые границы

Подходит для интерактивных анимаций, где сам объект должен измениться: поворот персонажа, разборка продукта, изменение материалов, переходы камеры или организация существующих видео с зелёным экраном и спрайт-изображений в ресурсы веб-страницы, которые можно управлять с помощью управления.

Переходы между интерфейсами, обратная связь кнопок и анимации макета, которые можно выполнять исключительно с помощью CSS, JS, SVG, Lottie или в реальном времени 3D, могут выполняться напрямую обычными фронтендами без необходимости использовать этот рабочий процесс с материалами. Независимый видеомонтаж и размещение одного изображения также исключаются.

Анимация, подходящая для реализации

• При прокрутке вниз: продукт постепенно превращается в изображение взрыва, камера входит во внутреннюю структуру или переключается между несколькими состояниями.
• При прокрутке нескольких сцен: Используйте несколько непрерывных видеосегментов для создания непрерывного дубля, например, продвигаясь от панорамы города до самой глубины чипа, или используя препятствие на переднем плане или объект похожей формы для перехода к следующей сцене.
• Когда мышь движется: лицо персонажа всегда обращено к экрану, а взгляд следует курсору; или аппаратное устройство тащится, чтобы повернуть кабинку на 360°.
• При перетаскивании прогресса: Анимация следует за жестами движения вперёд, назад или остановки в определённой позиции.
• На мобильных телефонах: Используйте сенсорные или наклоны устройства для управления ориентацией и уровнем объекта.
• При нажатии, наведении курсора или изменении статуса: Воспроизведите соответствующий переход действия; если вы отмените действие — откажитесь с текущего экрана.
• Когда нет действия: Сохраняет естественные микродвижения или петли, при этом пользователи сразу переключаются на следование за вводом.

Эти анимации можно использовать для представления продуктов, взаимодействия персонажей, демонстраций операций, изменения данных и переходов между главами. Oil Motion одновременно отвечает за когерентность движения, чёткость изображения, объем загрузки и производительность мобильных устройств.

Рабочий принцип

Видео, сгенерированные ИИ, должны быть организованы в стабильную таймлайн, затем выбираются методы управления в зависимости от целей взаимодействия: значения входа могут непрерывно соответствовать прогрессу анимации, запускать только обычный переход воспроизведения или позволять анимации воспроизводиться автономно в зависимости от времени. Прокрутка, переключение мыши и переключение статуса — это только источники ввода и не определяют напрямую режим воспроизведения.

Полный процесс следующий:

Этот процесс делится на три части.

Сначала проверь экран ключей

Ключевые изображения — это точные состояния, которые необходимо поддерживать во время действия, такие как полнота продукта, разворовка деталей и окончательная разборка. Агент создаёт и осматривает эти изображения, подтверждая, что идентичность, структура, логотип, композиция и стиль объекта остаются неизменными.

Если вы напрямую генерируете всё видео, модель может изменить структуру продукта, пропорции персонажей или конечные точки действий в процессе. Подтверждение ключевых кадров сначала позволяет непрерывным действиям получить чёткие начальные точки, процессы и конечные точки.