🇷🇺
MyWebAR Knowledge Base
Язык Ру
Язык Ру
  • База знаний для разработчиков MyWebAR
  • С ЧЕГО НАЧАТЬ
    • Регистрация
    • Обзор страницы Dashboard
    • Обзор редактора
    • Создание проекта в MyWebAR
  • ПРИМЕРЫ ИСПОЛЬЗОВАНИЯ MYWEBAR
    • Создание сцены с трекингом на изогнутых изображениях
    • Создание AR-визитки
    • Создание портала в MyWebAR
    • Оживающая фотография
    • Интерактив с 3D-моделью
  • ПЛАНЫ И ПОДПИСКИ
    • Бесплатная пробная подписка
    • Обновление вашего плана
    • Коммерческие планы
    • Планы для образования
  • СОЗДАНИЕ ПРОЕКТОВ WEBAR
    • Типы проектов
    • Проекты с мультимаркерным трекингом (книги)
    • Добавление объектов
    • Как добавить 3D-модель из библиотеки моделей
    • Как добавить 3D-модель из Sketchfab
    • Свойства объекта
    • Кнопки и действия
    • Поведения объектов
    • Воспроизведение видео
    • 3D Анимации
    • Аналитика проектов
    • Как сделать хорошее отслеживаемое изображение для дополненной реальности
    • Оптимизация и подготовка 3D-моделей к загрузке
    • Брендирование проекта и его настройки
    • Работа с доступными плагинами
    • Существующие плагины и как с ними работать
    • Видео инструкции
  • КАСТОМИЗАЦИЯ WEBAR
    • Кастомный домен
    • Использование внешнего хранилища
    • Встраивание WebAR
  • Pro Editor
    • Как устроен Pro Editor
      • Описание интерфейса
      • Основные возможности
    • Требования по размещению кода
      • Пример интеграции готового скрипта
      • Создание частиц в Pro Editor
      • Работа с видео
      • Работа с анимациями 3D-объектов
    • Текущие ограничения
      • Работа с камерой
      • Создание UI
      • Загрузка объектов с помощью класса loader
      • Импорт частей кода
    • Кейсы
      • Добавление изображений
      • Эффект бликов на объективе (Lens Flare)
      • Пошаговое создание мини-игры
      • Переключение содержимого по нажатию
      • Пошаговое создание квеста
Powered by GitBook
On this page
  • Создание проекта
  • Добавление объектов
  • Добавление основной 3D-модели
  • Добавление 3D-кнопки
  • Добавление поведений для объектов
  • Результат
  1. ПРИМЕРЫ ИСПОЛЬЗОВАНИЯ MYWEBAR

Интерактив с 3D-моделью

PreviousОживающая фотографияNextБесплатная пробная подписка

Last updated 2 years ago

В этой статье мы поговорим о создании сцены с запуском анимации 3D-модели по нажатию кнопки.

Создание проекта

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

Чтобы создать новый проект, нажмите Add new project.

После этого откроется окно с выбором типа трекинга.

В данном случае тип трекинга не имеет значения, но, для упрощения работы будет создан проект с трекингом QR-кода.

Для выбора типа проекта с трекингом QR-кодом необходимо нажать на кнопку Create в соответствующем окне.

Через некоторое время откроется редактор сцен дополненной реальности.

Добавление объектов

Эта сцена будет состоять только из двух объектов:

  1. Анимированная 3D-модель.

  2. Кнопка 3D-триггер, при нажатии на которую 3D-модель начнет воспроизводить анимацию.

Добавление основной 3D-модели

Чтобы добавить 3D-модель, нужно нажать на кнопку + в блоке Model 3D.

После этого откроется окно добавления 3D-модели.

Чтобы добавить объект из библиотеки моделей MyWebAR, можно использовать поиск, написав, например Dino.

При выборе объекта окно библиотеки моделей закроется, и объект на сцене.

Теперь необходимо поместить объект в нужное место.

Добавление 3D-кнопки

3D-кнопка будет добавлена с помощью сервиса Sketchfab.

Чтобы добавить 3D-модель, нужно нажать на кнопку + в блоке Model 3D.

После этого откроется окно добавления 3D-модели.

Для того, чтобы добавить объект из Sketchfab, в поисковое строке напишите название модели, которую хотите добавить. Чтобы найти 3D-модель кнопки, нужно написать "button" в строке поиска.

О том, как работать с интеграцией Sketchfab в MyWebAR, читайте в статье Как добавить 3D-модель из Sketchfab.

Затем нужно нажать на понравившуюся модель.

При нажатии кнопки Import объект будет импортирован в проект.

После непродолжительного ожидания 3D-модель появится на сцене.

Последний шаг — изменение масштаба и положения кнопки.

Добавление поведений для объектов

Следующий шаг — добавление действий для объектов. Основная цель — запустить анимацию 3D-модели по нажатию кнопки.

Для этого необходимо выбрать 3D-модель динозавра (модель с анимацией).

Затем в окне Properties справа нажмите на кнопку Add Actions.

В открывшемся окне нужно выбрать действие Play/pause model animation on click.

Поведение появится в списке справа.

После этого, в пункте Event source, нужно выбрать другой источник действия — кнопку.

Когда вы нажмете по объекту, указанном в Event source, начнется воспроизведение анимации динозавра.

Остальные настройки, в данном случае, меняться не будут.

Результат

Таким образом, при нажатии на кнопку 3D-модели динозавр начнет воспроизводить анимацию. Если вы нажмете ее снова, анимация остановится.

Вы можете увидеть, как это работает, отсканировав QR-код, ведущий к этой сцене.

Основным анимированным 3D-объектом может быть любая 3D-модель. В данном случае она будет добавлена из .

библиотеки моделей MyWebAR