Превращаем файл Rive в приложение для iOS и Android с помощью ИИ (без написания кода)
Rive Masterclass | Tom Acco
0:00 / 0:00
Превращаем файл Rive в приложение для iOS и Android с помощью ИИ (без написания кода)
5 357 просмотров · 2 мес. назад
Rive Masterclass | Tom Acco
2,33 тыс. подписчиков
5 357 просмотров · 2 мес. назад
Я взял готовый файл Rive и превратил его в настоящее приложение для iPhone и Android, не написав ни строчки кода. Кодирование выполнил ИИ с помощью Cursor и Flutter. Вот весь рабочий процесс.
Никакого разработчика. Только файл Rive, инструмент ИИ и несколько подсказок. Это последний урок моего мастер-класса по Rive, и я передаю вам точный процесс.
ССЫЛКИ
• Бесплатный набор подсказок (использован в этом видео): https://www.rivemasterclass.com/app-p...
• Полный курс, Rive Masterclass: https://www.rivemasterclass.com/maste...
• Прочитать письменную версию: https://www.rivemasterclass.com/blog/...
Важно уточнить: я не учу вас создавать файл Rive. Всё наоборот. Что бы у вас ни было уже в Rive — полноценное приложение, использующее данные, или простейшая анимация — здесь вы можете воплотить это в жизнь.
Что вам предстоит сделать:
• Экспортировать файл Rive, чтобы приложение могло его загрузить
• Позволить ИИ (Cursor) сгенерировать приложение, без написания кода вручную
• Запустить его в симуляторе iPhone и эмуляторе Android
• Подключить привязку данных, чтобы пользовательский интерфейс реагировал на реальные значения
• Подключить его к службе прогноза погоды для получения реального прогноза
Разделы:
0:00 Введение
0:28 Обзор проекта Rive
1:25 Экспорт файла Rive
1:58 Настройка Cursor
2:47 Сборка приложения с помощью подсказки
5:19 Что сгенерировал ИИ
6:12 Подключение привязки данных
7:03 Подключение скриншота
9:02 Прогноз погоды в реальном времени + заключение
Необходимые инструменты (все бесплатные):
• Cursor (инструмент для программирования с использованием ИИ): https://www.cursor.com
• Xcode для симулятора iPhone (Mac): https://apps.apple.com/us/app/xcode/i...
• Android Studio, для эмулятора Android (Mac или Windows): https://developer.android.com/studio
Вот о чём вам никто не расскажет: ИИ — это лёгкая половина. Настоящее мастерство заключается в создании чистого файла Rive со структурой данных, к которой он действительно может подключиться. Это происходит задолго до того, как вы откроете курсор, и именно этому я учу на мастер-классе: https://www.rivemasterclass.com/maste...
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Меня зовут Том. Раньше я был разработчиком, а теперь обучаю дизайнеров создавать настоящие интерактивные анимации в Rive. Мастер-класс проведет вас от чистого листа до готового приложения: анимация, конечные автоматы, привязка данных и подключение вашего файла к реальному коду.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Связь:
LinkedIn: / tom-acco-138aab10a
X: https://x.com/TomAccoDesign
Сообщество: / 730745359477132
#Rive #RiveApp #DataBinding #NoCode #Cursor #Flutter #AICoding #VibeCoding #MotionDesign #ProductDesign #AppDevelopment