Оживающая фотография

Вы смотрели фильм о Гарри Поттере? Вы был поражены тем, что в этом фильме газеты были с живыми фотографиями. Тогда это казалось невозможным, но теперь с MyWebAR это реальность!​

В этой статье вы узнаете, как создать такую же сцену в редакторе MyWebAR.

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

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

Затем нажмите кнопку Add New Project.

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

В данном случае будет использоваться трекинг изображений. Чтобы выбрать его, нажмите кнопку Choose в блоке Image Tracking.

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

В данном случае нашим маркером будет изображение газетной страницы.

ВАЖНО: Изображение маркера должно быть хорошо отслеживаемым. О том, как сделать такое изображение, читайте в статье Как сделать хорошее отслеживаемое изображение для дополненной реальности.

Нажмите кнопку Upload Image, чтобы продолжить.

Откроется редактор дополненной реальности.

Работа со сценой

Добавление видеофайла

В этом случае на сцене будет только один объект — видеофайл. Первое, что нужно сделать, это подготовить это видео.

Желательно, чтобы первый кадр видео совпадал с изображением на маркере. Таким образом можно добиться бесшовного воспроизведения.

В данном случае к изображению маркера был добавлен первый кадр из видео.

Теперь вам нужно загрузить само видео. Чтобы добавить видеофайл, нажмите кнопку + в поле Video.

Откроется окно с доступными видеообъектами.

Для добавления видеофайла нужно нажать на кнопку Upload в нижней части окна.

Чтобы загрузить видео с устройства, нажмите Upload или перетащите видео в это окно.

После короткого ожидания откроется окно кастомизации видеофайла.

В данном случае вы можете включить следующие параметры: автовоспроизведение и зацикливание.

После, нужно нажать на кнопку Next и видео появится на сцене.

Наложение видео на изображение

Видеообъект должен располагаться точно над фотографией, которая будет оживать. Следовательно, необходимо переместить добавленный видеообъект и повернуть его на 90 градусов.

Теперь нужно поработать с масштабированием. Изменяя параметр Scale, добейтесь максимального совпадения видеообъекта с фотографией.

Далее, высота объекта над маркером, то есть координата Y, должна быть равна нулю.

Если видеообъект находится слишком высоко над оживающей фотографией (или ниже) маркером — эффект живого фото может быть утрачен.

Настройка видео

Отлично, теперь нужно зациклить видео и убрать звук. Для этого в правой части редактора нужно найти параметры видео (мы их устанавливали при добавлении видеофайла).

Установите галочки в пунктах Muted, Autoplay и Loop.

Сохранение проекта и просмотр результата

Теперь вы должны сохранить и опубликовать свой проект. Для этого нажмите кнопку Save на верхней панели.

Откроется окно с уведомлением о том, что проект сохранен.

Теперь необходимо опубликовать его, нажав кнопку Publish Now.

Появится QR-код, отсканировав который, вы увидите свою сцену.

В открывшемся браузере наведите камеру на изображение, и вы увидите живую страницу!