Поведения объектов
В статье Кнопки и действия было рассказано о том, что в MyWebAR есть возможность добавлять различные интерактивные действия для объектов.
В этой статье мы разберем каждое интерактивное действие, называемое поведением.
Существующие поведения
Вот список всех существующих поведений (каждое поведение является кликабельным и ведет к соответствующей главе в этой статье):
Открыть сайт при нажатии (Navigate to URL on click): photo, video, 3dmodel, text.
Воспроизвести аудиофайл при нажатии (Play audio file on click): photo, 3dmodel, text.
Повернуть по оси X при нажатии (Rotate X on click): photo, video, 3dmodel, text.
Повернуть по оси Y при нажатии (Rotate Y on click): photo, video, 3dmodel, text.
Повернуть по оси Z при нажатии (Rotate Z on click): photo, video, 3dmodel, text.
#povernut-kameru-po-osi-y-rotate-y-by-camera-position: photo, video, 3dmodel, text.
Переместить на позицию (Move to position): photo, 3dmodel, text.
Переместить на позицию при нажатии (Move to position on click): photo, video, 3dmodel, text.
Показать или скрыть при нажатии (Show or hide on click): photo, video, 3dmodel, text.
#sostavit-elektronnoe-pismo-pri-nazhatii-compose-on-email-on-click: photo, video, 3dmodel, text.
Вызов номера телефона при нажатии (Call Telephone Number on click): photo, video, 3dmodel, text.
Составить SMS при нажатии (Compose SMS on click): photo, video, 3dmodel, text.
Генерирование именованного события по таймеру (Generate named event on timer): photo, video, 3dmodel, audio, text.
#generirovanie-imenovannogo-sobytiya-pri-shelchke-generate-named-event-on-click: photo, video, 3dmodel, text.
Изменение прозрачности при запуске (Change transparency at start): photo, video, 3dmodel, text.
Изменение прозрачности при нажатии (Change transparency on click): photo, video, 3dmodel, text.
Текстура изображения (Image texture): primitives.
Давайте проанализируем каждое поведение отдельно, а также посмотрим на их работу (каждое поведение имеет свой QR-код, который ведет на проект с отслеживанием QR-кодов).
Открыть сайт при нажатии (Navigate to URL on click)
При нажатии на объект, указанному в Event Source, произойдет переход на сайт.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Navigate to URL on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
У данного поведения есть три параметра:
url — здесь находится ссылка на сайт, куда и будет происходить переход при клике,
target — то, как будет открываться сайт, на который ведет ссылка. У данного параметра существует четыре варианта: _blank — открытие страницы в новом окне браузера (по умолчанию), _self — открытие страницы в текущем окне браузера, _parent — открытие страницы во фрейм-родитель, если фреймов нет, то это значение работает как _self, _top — отмена всех фреймов и открытие страницы в полном окне браузера, если фреймов нет, то это значение работает как _self.
Event source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Воспроизвести аудиофайл при нажатии (Play audio file on click)
При нажатии на объект, указанный в Event Source, начнется воспроизведение аудиофайла.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Play audio file on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
У данного поведения всего два параметра:
Event source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Повернуть по оси X при нажатии (Rotate X on click)
При нажатии на объект, указанный в Event Source, начнется вращение объекта (на который добавлено это поведение) по оси X.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Rotate X on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Rotate by default — вращение объекта по умолчанию. Если в данном поле стоит галочка, объект сразу начнет вращаться при запуске сцены, без щелчка на Event source.
Rotation speed in degrees per second — скорость вращения объекта (градусов в секунду).
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Повернуть по оси Y при нажатии (Rotate Y on click)
При нажатии на объект, указанный в Event Source, начнется вращение объекта (на который добавлено это поведение) по оси Y.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Rotate Y on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Rotate by default — вращение объекта по умолчанию. Если в данном поле стоит галочка, объект сразу начнет вращаться при запуске сцены, без щелчка на Event source.
Rotation speed in degrees per second — скорость вращения объекта (градусов в секунду).
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Повернуть по оси Z при нажатии (Rotate Z on click)
При нажатии на объект, указанный в Event Source, начнется вращение объекта (на который добавлено это поведение) по оси Z.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Rotate Z on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Rotate by default — вращение объекта по умолчанию. Если в данном поле стоит галочка, объект сразу начнет вращаться при запуске сцены, без щелчка на Event source.
Rotation speed in degrees per second — скорость вращения объекта (градусов в секунду).
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Постоянный поворот к камере (Always face the camera)
Каждокадровый поворот объекта лицевой стороной к камере, то есть объект всегда будет обращен лицом в сторону камеры.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Rotate Y by camera position, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Reset other axis — этот параметр сбрасывает оси вращения (если этот параметр отключен, само поведение может работать некорректно при ручном вращении объекта).
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Переместить на позицию (Move to position)
Перемещение объекта в определенную точку сцены сразу после её запуска.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Move to position, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Move end position — позиция, куда должен переместиться объект.
Move speed — скорость перемещения объекта в пунктах в секунду.
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Переместить на позицию при нажатии (Move to position on click)
Перемещение объекта в определенную точку сцены при нажатии на объект, указанный в Event source.
Пример сцены c данным поведением (нажмите на 3D-объект):
Данный вид поведения доступен для таких объектов, как: photo, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Move to position on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Move end position — позиция, куда должен переместиться объект.
Move speed — скорость перемещения объекта в пунктах в секунду.
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Показать или скрыть при нажатии (Show or hide on click)
При нажатии на Event source, объект, для которого добавлено поведение, будет скрываться/появляться.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Show or hide on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Do show — если стоит галочка, то при нажатии объект будет появляться (в случае, если он невидимый).
Do hide — если стоит галочка, то при нажатии объект будет исчезать (в случае, если он видимый).
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Составить электронное письмо при нажатии (Compose Email on click)
При нажатии на объект, указанный в Event source, на указанный Email будет отправлено письмо с указанным текстом.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Compose Email on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Email — email, на который будет отправлено письмо.
Subject — тема письма.
Body — текст письма
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Вызов номера телефона при нажатии (Call Telephone Number on click)
При нажатии по объекту, указанному в Event source, будет совершен звонок на номер, указанный в параметрах поведения.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Call Telephone Number on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Telephone Number — номер телефона, на который будет сделан звонок.
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Составить SMS при нажатии (Compose SMS on click)
При нажатии на объект, указанный в Event source, на указанный номер будет отправлено SMS-сообщение с указанным текстом.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Compose SMS on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Telephone Number — номер телефона, на который будет отправлено смс-сообщение.
Body — текст смс-сообщения.
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Генерирование именованного события по таймеру (Generate named event on timer)
Каждые n секунд генерируется событие-ярлык. Далее, это событие является триггером для запуска таких поведений, как Изменение варианта материала по названному событию (Change material variant on named event)Воспроизведение встроенного мультимедиа на названном событии (Play embed media on named event). Для чего это может быть полезно? Как пример, чириканье птицы, которое будет повторяться каждые 3 секунды.
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Generate named event on timer, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Event_name — название события.
Number_iterations — количество итераций генерирования события, где -1 — бесконечно.
Timeout_in_sec — период времени. Через какое количество секунд будет генерироваться событие.
Events source — родительский объект генерирования события.
Пример парного поведения (генерация и слушатель) — Воспроизведение встроенного мультимедиа на названном событии (Play embed media on named event)
Генерирование именованного события при нажатии (Generate named event on click)
При нажатии на объект, указанный в Event source, генерируется событие-ярлык. Далее, это событие является триггером для запуска таких поведений, как Изменение варианта материала по названному событию (Change material variant on named event)Воспроизведение встроенного мультимедиа на названном событии (Play embed media on named event). То есть при нажатии на определенный объект (Event source), будет генерироваться именновоное событие.
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Generate named event on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Event_name — название события.
Events source — родительский объект генерирования события.
Изменение прозрачности при запуске (Change transparency at start)
При запуске сцены, объект, указанный в Event source, будет изменять свою прозрачность со значения по умолчанию, на значение, указанное в параметрах поведения.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Change transparency at start, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
End transparency — конечное значение прозрачности, где 0 — полностью прозрачный объект (невидимый), а 1 — полностью непрозрачный объект (такой, какой есть).
Duration — время, за которое будет происходить изменение прозрачности.
Events source — объект, у которого будет изменяться прозрачность.
Изменение прозрачности при нажатии (Change transparency on click)
При нажатии на Event source, объект будет изменять свою прозрачность со значения по умолчанию, на значение, указанное в параметрах поведения.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: photo, video, 3dmodel, text.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Change transparency on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
End transparency — конечное значение прозрачности, где 0 — полностью прозрачный объект (невидимый), а 1 — полностью непрозрачный объект (такой, какой есть).
Duration — время, за которое будет происходить изменение прозрачности.
Events source — объект, у которого будет изменяться прозрачность.
Воспроизведение/пауза встроенного медиа при нажатии (Play/pause embed media on click)
Воспроизведение или приостановка медиа на объекте поведения при нажатии на источник Evens.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: video, audio.
Рассмотрим поведение на примере видео. Для этого я добавлю любое видео.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Play/pause embed media on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Воспроизведение/пауза встроенных медиа при наведении (Play/pause embed media on hover)
Воспроизведение или приостановка медиа на объекте поведения при наведении центра экрана на Event source.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: video, audio.
Рассмотрим поведение на примере видео. Для этого я добавлю любое видео.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Play/pause embed media on hover, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
on ray in — если центр камеры находится на объекте, то, в зависимости от установленного значения, медиа будет воспроизводиться/останавливаться.
on ray out — если центр камеры не находится на объекте, то, в зависимости от установленного значения, медиа будет воспроизводиться/останавливаться.
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Воспроизведение встроенного мультимедиа на названном событии (Play embed media on named event)
Слушатель событий Генерирование именованного события по таймеру (Generate named event on timer) и #generirovanie-imenovannogo-sobytiya-pri-shelchke-generate-named-event-on-click. При отклике события происходит запуск встроенного мультимедиа.
Пример сцены с данным поведением:
Данный вид поведения доступен для таких объектов, как:
Рассмотрим работу этого поведения на примере аудиофайла. Для этого я добавлю любое аудио.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Генерирование именованного события по таймеру (Generate named event on timer) , выбрав его в списке и нажав на +. Параметры следующие:
После этого, нужно создать слушатель события. Для этого я добавлю поведение Play embed media on named event и нажму +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки. Название ивента должно быть таким же, как и у Генерирование именованного события по таймеру (Generate named event on timer), то есть, в данном случае timer_N.
Теперь каждые 2 секунды будет воспроизводиться аудиофайл.
Параметры поведения:
Event_name — название события, которое будет слушаться.
Events source — объект, который будет запускаться при отклике на событие.
Воспроизведение/пауза анимации модели при нажатии (Play/pause model animation on click)
Запуск анимации 3D-модели при нажатии на Events source.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: 3dmodel.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Play/pause model animation on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Index — если модель имеет несколько дорожек анимации, с помощью параметра Index можно выбрать, какую дорожку нужно запустить. Отчет начинается с 0, и так далее (0, 1, 2...). По умолчанию используется значение 0.
Loop — зацикливание анимации. Включено по умолчанию.
Play by default — если флажок установлен, анимация начнет воспроизводиться при запуске сцены (нет необходимости нажимать на Events source).
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Воспроизведение анимации модели при запуске (Play model animation on start)
Запуск анимации одновременно с запуском сцены. Данное поведение добавляется к каждому 3D-объекту по умолчанию.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: 3dmodel.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions. Поведение уже есть в списке, так как оно автоматически создается при добавлении 3D-объекта.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Index — если модель имеет несколько дорожек анимации, с помощью параметра Index можно выбрать, какую дорожку нужно запустить. Отчет начинается с 0, и так далее (0, 1, 2...). По умолчанию используется значение 0.
Loop — зацикливание анимации. Включено по умолчанию.
Events source — объект, на котором и будет запущена анимация.
Изменение варианта материала при нажатии (Change material variant on click)
Когда вы нажмете на Event source, материал 3D-модели изменится.
То есть, это специальный glb-файл, который содержит запись нескольких различных вариантов материалов для одной и той же геометрии.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: 3dmodel.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Change material variant on click, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Move end position — позиция, куда должен переместиться объект.
Move speed — скорость перемещения объекта в пунктах в секунду.
Events source — объект-триггер, при нажатии на который будет запускаться данное поведение.
Изменение варианта материала при запуске (Change material variant at start)
Когда вы запустите сцену, материал объекта изменится.
То есть, это специальный glb-файл, который содержит запись нескольких различных вариантов материалов для одной и той же геометрии.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: 3dmodel.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю специальную 3D-модель с несколькими вариантами текстур.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Change material variant at start, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Start_variant_index — индекс стартового материала в 3D-объекте.
Loop — зацикливание процесса смены материалов.
Interval_in_sec — интервал (в секундах) между сменой материалов.
Events source — объект, у которого будет изменяться материал.
Изменение варианта материала по названному событию (Change material variant on named event)
Обработчик события, генерируемого поведениями Генерирование именованного события по таймеру (Generate named event on timer) и #generirovanie-imenovannogo-sobytiya-pri-shelchke-generate-named-event-on-click. Если событие существует (сгенерировано), материал 3D-модели изменяется.
То есть, это специальный glb-файл, который содержит запись нескольких различных вариантов материалов для одной и той же геометрии.
Пример сцены с данным поведением:
Данный вид поведения доступен для таких объектов, как: 3dmodel.
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю специальную 3D-модель с несколькими вариантами текстур.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Generate named event on timer, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Далее, нужно создать обработчик событий. Для этого нужно выбрать поведение Change material variant on named event и нажать на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки. Имя генератора события и его обработчика должно быть одинаковым.
Параметры поведения:
Event_name — название события, при генерировании которого материал будет изменен.
Start_variant_index — индекс стартового материала в 3D-объекте.
Loop — зацикливание процесса смены материалов.
Events source — объект, у которого будет изменяться материал.
Текстура изображения (Image texture)
Наложение текстуры-изображения на любой из примитивов.
Пример сцены c данным поведением:
Данный вид поведения доступен для таких объектов, как: .
Рассмотрим поведение на примере 3D-объекта. Для этого я добавлю любую 3D-модель.
Далее, в блоке Properties перейду на вкладку Actions и добавлю поведение Image texture, выбрав его в списке и нажав на +.
Нажав на добавленное поведение (на серую область), раскроются его параметры и настройки.
Параметры поведения:
Repeat X — повторение текстуры по оси X.
Repeat Y — повторение текстуры по оси Y.
Offset X — смещение текстуры относительно оси X.
Offset Y — смещение текстуры относительно оси Y.
Events source — объект, у которого будет изменяться текстура.
Last updated
