Rive анимационный инструмент, который превосходит Lottie

Rive может стать вашим новым любимым анимационным инструментом, обходя в функциональности даже такого гиганта, как Lottie.

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

Одним из ключевых преимуществ Rive является наличие state machine и костной анимации;

State Machine — Главное преимущество, дающее дизайнерам полный контроль и большой функционал над логикой взаимодействия пользователя с анимацией без участия программиста, это дает дизайнерам большую свободу в создании отзывчивой анимации, уменьшая время на разработку дизайна, что позволяет процесс разработки сделать более эффективным. То что lottie на данный момент не может дать.

Пример работы с State Machine

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

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

В то время как Lottie для создания костной анимации, требуется использование дополнительных плагинов для After Effects. В Rive, все инструменты для создания анимации находятся в одном месте, что позволяет экономить время и усилия.

Пример работы костной анимации

Сценарий использования

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

По сравнению с этим рабочий процесс для Lottie намного сложнее. Дизайнеры должны сначала создать графический элемент в редакторе (Figma, Adobe XD или Illustrator), затем экспортировать в After Effects который изначально не предназначен для lotti, только потом экспортировать в jscon используя сторонний скрипт для After Effects.

Rive предлагает более эффективный сценарий создания анимации, в то время как Lottie требует больше времени и усилий.

Сценарий использования Rive и Lottie
Сценарий использования Rive и Lottie

Производительность

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

Вы также можете сами Сравнить или посмотреть примеры Rivelottie

В заключение

Rive — это инструмент для анимации следующего поколения, который предлагает расширенные функции, высокую производительность и удобный интерфейс. Его мощный редактор, технология State Machine, поддержка риггинга костей, делают его идеальным выбором на данный момент для создания анимации.

Так же можете прочитать статью от Duolingo про то как они используют Rive в своей приложении.

Мой бесполезный телеграм канал

4949
13 комментариев
Комментарий удалён модератором

Абсолютно согласен с вашим утверждением

1
Ответить

Согласен)

2
Ответить

Использовал https://www.d-id.com для автоматической озвучки и анимации головы персонажа. Теперь надо двигать тело. Можно как то соединить быстро два результата в 1.

1
Ответить

Будем пробовать, спасибо)

1
Ответить

А можете посоветовать еще приложения для создания простых анимаций?

Ответить

Выбор зависит от того какой формат анимации вам нужен

Ответить