Интерактив с 3D-моделью
В этой статье мы поговорим о создании сцены с запуском анимации 3D-модели по нажатию кнопки.
Создание проекта
Первое, что необходимо сделать, - это создать новый проект. Для этого откройте страницу с вашими проектами Dashboard.
Чтобы создать новый проект, нажмите Add new project.
После этого откроется окно с выбором типа трекинга.
Для выбора типа проекта с трекингом QR-кодом необходимо нажать на кнопку Create в соответствующем окне.
Через некоторое время откроется редактор сцен дополненной реальности.
Добавление объектов
Эта сцена будет состоять только из двух объектов:
Анимированная 3D-модель.
Кнопка 3D-триггер, при нажатии на которую 3D-модель начнет воспроизводить анимацию.
Добавление основной 3D-модели
Основным анимированным 3D-объектом может быть любая 3D-модель. В данном случае она будет добавлена из библиотеки моделей MyWebAR.
Чтобы добавить 3D-модель, нужно нажать на кнопку + в блоке Model 3D.
После этого откроется окно добавления 3D-модели.
Чтобы добавить объект из библиотеки моделей MyWebAR, можно использовать поиск, написав, например Dino.
При выборе объекта окно библиотеки моделей закроется, и объект на сцене.
Теперь необходимо поместить объект в нужное место.
Добавление 3D-кнопки
3D-кнопка будет добавлена с помощью сервиса Sketchfab.
Чтобы добавить 3D-модель, нужно нажать на кнопку + в блоке Model 3D.
После этого откроется окно добавления 3D-модели.
Для того, чтобы добавить объект из Sketchfab, в поисковое строке напишите название модели, которую хотите добавить. Чтобы найти 3D-модель кнопки, нужно написать "button" в строке поиска.
Затем нужно нажать на понравившуюся модель.
При нажатии кнопки Import объект будет импортирован в проект.
После непродолжительного ожидания 3D-модель появится на сцене.
Последний шаг — изменение масштаба и положения кнопки.
Добавление поведений для объектов
Следующий шаг — добавление действий для объектов. Основная цель — запустить анимацию 3D-модели по нажатию кнопки.
Для этого необходимо выбрать 3D-модель динозавра (модель с анимацией).
Затем в окне Properties справа нажмите на кнопку Add Actions.
В открывшемся окне нужно выбрать действие Play/pause model animation on click.
Поведение появится в списке справа.
После этого, в пункте Event source, нужно выбрать другой источник действия — кнопку.
Когда вы нажмете по объекту, указанном в Event source, начнется воспроизведение анимации динозавра.
Остальные настройки, в данном случае, меняться не будут.
Результат
Таким образом, при нажатии на кнопку 3D-модели динозавр начнет воспроизводить анимацию. Если вы нажмете ее снова, анимация остановится.
Вы можете увидеть, как это работает, отсканировав QR-код, ведущий к этой сцене.
Last updated