05 - Industrial Robot - Создание интерфейса и анимации
В этом уроке рассмотрены основные принципы создания пользовательского интерфейса в редакторе Webflow и его интерграция с трёхмерой частью приложения. Вы также научитесь создавать анимацию для множества объектов и правильно запускать её, используя логические блоки Puzzles, менять материалы и насадки робота из набора, а также обучитесь другим, не менее важным навыкам, необходимым для создания полноценного приложения. Это завершающий урок серии, повествующей о создании трёхмерного приложения Industrial Robot с использованием инструмента Verge3D for Blender.
План уроков по этому мини-курсу:
1. Моделирование, ретопология, развертка и запекание карт: • 01 - Industrial Robot - Моделирование, рет...
2. Подготовка модели и текстурирование в Substance Painter: • 02 - Industrial Robot - Текстурирование мо...
3. Настройка сцены и материалов в Blender и экспорт в Verge3D: • 03 - Industrial Robot - Настройка материал...
4. Создание интерактива с использованием визуального редактора логики Puzzles: • 04 - Industrial Robot - Создание интеракти...
5. Создание web-интерфейса в Webflow и интеграция его в приложение.
1:00 Подготовка к созданию интерфейса
2:50 Добавление i-frame с 3д контентом на страничку
4:00 Создание кнопок для покраски и смены насадок
16:40 Интеграция интерфейса с 3д приложением (локально)
19:30 Создание кастомной Fullscreen кнопки
22:30 Настройка смены материала
28:35 Настройка смены насадок
32:50 Создание кнопок для запуска анимации
36:00 Создание смены режимов с анимационного на свободный
43:35 Анимирвоание робота в Blender
54:30 Создание запуска анимации по нажатию
Ссылка на приложение: https://www.soft8soft.com/gallery/ind...
Исходники приложения: https://www.soft8soft.com/ru/%d1%81%d...
Свои вопросы и пожелания можете оставить у нас на форуме: https://www.soft8soft.com/ru/%D1%84%D...
За музыку спасибо Dee Yan-Key:
http://freemusicarchive.org/music/Dee...