9. Финал: Анимация в мобильных приложениях с помощью Rive и Flutter (Часть 2)
ฝัง
- เผยแพร่เมื่อ 28 มิ.ย. 2024
- DonationAlerts: www.donationalerts.com/r/rusl...
Boosty: boosty.to/easyaboutdesign
Мои консультации: ruslansharipov.com/consulting/
ВКонтакте: easyaboutdesign
Telegram: t.me/easyaboutdesign
Мой сайт: ruslansharipov.com/
👍 Подписывайтесь и ставьте лайк, а также не забудьте нажать на колокольчик на моем ютубе - @ruslansharipovuxui
В этом уроке пробежимся по интерфейсу Rive и как передавать анимацию на его примере. Тут лишь надо уловить, что анимации - не страшны, анимации - просто навык, который нужно использовать/тренировать, чтобы придать приложению (продукту) какое-то очередное свойство. Rive прекрасный инструмент для этого. Следующий урок курса будет последний.
- Файл курса обновлен: www.figma.com/community/file/...
- Сайт Rive: rive.app/
- Ютуб Rive: @Rive_app
- pub.dev/packages/rive
- Код и ассеты: drive.google.com/drive/u/1/fo...
- Как duolingo используют Rive: blog.duolingo.com/world-chara...
Таймкоды:
00:00 - Варианты сделать анимацию в приложении
03:40 - Как устроен динозаврик
04:02 - Экспорт динозаврика
04:13 - Группировка не нужна
04:44 - Стартовый экран Rive
05:10 - Шаблоны при создании
05:41 - Обзор интерфейса Rive
08:37 - Как импортировать динозаврика
09:56 - Мини-урок с костями
19:10 - Нюанс привязки у динозаврика
21:30 - Про вкладку анимация
22:42 - Создание новой анимация и как она происходит
23:29 - Как устроены анимации динозаврика
26:13 - База про state machine
31:35 - Передача анимации в разработку
Очень бы хотелось курс по райву!!!
Запишите, пожалуйста, еще видео по райв! Очень доступно и понятно объясняете, спасибо!!
Блин, больше уроков бы!!!!😃
Спасибо, очень легко посмотрел
Классный динозаврик😁
👍👍👍👍
Вот вообще не понял, как квадраты на пузе привязаны к костям. Понятно, что по точкам. Мне нужно анимировать полосатый хвост. Делаю примерно то же самое. Однако хвост и полоски на хвосте искажаются неравномерно. Может есть какой то урок по этой теме, линканите кому не лень
Хорошо, но завершающие слова не совсем корректны. Дизайн ближе не к программированию, а к архитектуре. Примеры, когда люди учившиеся на архитекторов (или даже авто дизайнеров) уходили в ux/ui (А именно в Fantasy Interactive). Аниматор анимирует, front-end пусть копается во Flutter, а дизайнер пусть думает, выдвигает гипотезы и общается (это самое основное, без навыка общения, убеждения, презентирования и работы с возражениями (защиты своих решений) карьера дизайнера не будет развиваться далее). Инженерия, архитектура это ближе к дизайну. Программирование это узкий инструмент, сам пробовал front-end, но быстро стало скучно, тк отсутствует все выше перечисленное в процессе работы.
Привет! Кто-то знает, можно видео анимации в фигму загрузить?
столкнулся с проблемой импорта векторных файлов. Делаю все как написано на их сайте. По итогу не коректно импортит. Мож кто столкнулся?