технология

Как работать с приложением дополненной реальности

Приложение Aurasma оживляет иллюстрации, превращая их в видео и трехмерные модели.

Сегодня, когда речь заходит о технологиях дополненной реальности, позволяющих через камеру смартфона считывать с окружающих физических объектов дополнительную информацию — просматривать видео, трехмерные объекты, переходить по ссылкам на web-ресурсы — чаще всего вспоминают игру «Pockemon GO». Но если игра появилась совсем недавно, то сама технология развивается уже на протяжении более 10 лет. Тем не менее, пример с «Pockemon GO» показателен тем, что сегодня — это, наверное, самое популярное и известное приложение на ее основе. Подлинно массовыми сервисы и приложения дополненной реальности еще не стали. Самые доступные и простые в использовании — Aurasma, Layar и Blippar.

Про два последних рассказывать много не придется. Blippar сегодня находится в состоянии перезапуска, поэтому на его сайте можно только подписаться на оповещение об открытии проекта. Layar имеет очень ограниченный бесплатный функционал, по сути это просто демо-версия — пользователю доступно создание всего одной страницы при регистрации. Каждая новая здесь будет стоить уже три евро. Понятно, что как-то более менее активно использовать Layar сервис смогут очень немногие российские редакции и блогеры.

Таким образом, в остатке у нас только Aurasma. Однако именно он позволяет воспользоваться преимуществами технологии дополненной реальности достаточно просто и бесплатно.

Пример работы Aurasma

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

Ограничения

  • Ваша аудитория должна обладать, во-первых, достаточно современным смартфоном, во-вторых, на нем нужно предварительно установить конкретное приложение для того, чтобы ваше творчество отобразилось на экране. Это требование сразу же отсекает немалую часть тех, кому, возможно, было бы интересно наблюдать за вашими экспериментами. Поэтому для их успеха потребуется предварительно готовить аудиторию — приучать ее к использованию сервиса, увлекать интересными возможностями, и только через какой-то (в зависимости от ее консерватизма) промежуток времени, вы сможете войти в привычный рабочий режим.
  • Соответственно, стоит подумать, есть ли смысл пользоваться именно конкретным приложением дополненной реальности, когда его можно заменить более привычным и универсальным QR-кодом, через который и будет осуществляться переход по ссылке, загрузка дополнительных материалов или другие привычные операции.
  • Более того, набор форматов файлов, какие вы можете наложить на объект в Aurasma, очень ограничен — это видео, изображение, трехмерная модель и веб-сайт.
  • Целесообразность использования дополненной реальности для материалов веб-сайта также не всегда очевидна — возможно, проще разместить гиперссылку на дополнительные материалы по теме или, что еще лучше, встроить их в веб-страницу самого исходного текста.

Преимущества

  • Наиболее удобный и уместный сценарий использования приложений вроде Aurasma, какой чаще всего вы и сможете встретить на практике, это расширение возможностей полиграфической продукции. Здесь дополненная реальность конкурирует только с qr-кодами, так как набирать вручную ссылку (тем более, не очень короткую) в окне браузера сегодня крайне неудобно для пользователя.
  • И та территория, где Aurasma бьёт qr-коды — это воспроизведение видео или демонстрация трехмерных моделей при наведении камеры на иллюстрацию в печатном издании. Это, безусловно, эффектно и имеет смысл как регулярная практика.

Демонстрация работы Aurasma

Aurasma — как это работает?

Прежде чем мы приступим к работе с сервисом, сразу стоит отметить, что некоторые его возможности и даже способность оценить творчество в режиме предпросмотра, напрямую зависят от уровня мобильного устройства, которое вы будете использовать в связке с сайтом.

Как всегда, начинаем с регистрации на сайте Aurasma.com, и как часто бывает, здесь нет русскоязычной версии. Выбираем Sign up и заполняем очень короткую форму. Для полноценной работы с сайтом нам понадобится Adobe Flash плеер, поэтому если он не установлен или не включен в браузере, нужно это сделать.

После регистрации вы попадаете в раздел популярных материалов сайта, они называются здесь «аурами». Их можно посмотреть, чтобы познакомиться с тем, что может это приложение. Но для просмотра вам понадобится поставить Aurasma и на мобильном телефоне. После авторизации в приложении с уже существующими логином и паролем можно приступать к творчеству. Кстати, создавать ауры можно и прямо в нем, но об этом чуть позже. Пока возвращаемся на сайт.

Нажимаем либо «Сreate new aura» в правом верхнем углу сайта, либо «My auras» по центру страницы сверху.

Иллюстрация к инструкции

Сначала на сервисе нам нужно загрузить фотографию, при наведении камеры на которую будет активировано некоторое действие. Ее можно здесь же немного отредактировать — обрезать, масштабировать или кадрировать.

Закончили с изображением — по кнопке Next переходим к следующему шагу: добавлению наложения (overlay), которое будет всплывать на экране. Нажимаем на крупную кнопку с «+» и выбираем файл. По умолчанию поддерживаются фото, видео и 3D модели. Поставив отметку в пункте «Loop Overlay», мы можем закольцевать воспроизведение добавленного видео.

Для создания красивого внешнего эффекта сейчас лучше подогнать по размерам наложенный объект к тому фрагменту изображения, из которого он и будет «появляться». В результате такой тонкой подгонки у нас и получится «ожившая» картинка.

После того, как вы добавили слой, справа появится окно его настроек, не стоит им пренебрегать, так как по ссылке «Add Action» откроются интересные опции. Здесь можно добавить дополнительные действия, которые будет привязаны к этому слою.

Иллюстрация к инструкции

Во всплывающем окне вы сможете задать определенное действие по одному из предлагаемых условий.

Доступные варианты условий:

  • тап или двойной тап по по слою;
  • начало или конец воспроизведения (в том случае, если вы добавили видео);
  • задержка определенной длительности.

Что можно повесить на эти «крючки»:

  • запуск, паузу или остановку воспроизведения слоя;
  • открытие слоя во весь экран, в том числе при сохранении работающей камеры;
  • сворачивание слоя из полноэкранного размера;
  • переход по произвольной ссылке на веб-сайт.

Наиболее интересным и полезным из перечисленного, наверное, является возможность установить переход в веб. В этом случае, например, можно направить пользователя к архиву видеозаписей, к любой странице — например, подборке материалов по теме, большой фотогалерее или даже окну с тем или иным интерактивом. Варианты здесь возможны самые разнообразные.

Видео-инструкция

По идее к изображению можно привязать даже не один слой со всеми вышеперечисленными настройками, а несколько. Но прежде чем добавлять их, подумайте, а стоит ли перегружать и без того небольшой экран смартфона?

Еще одна дополнительная настройка Aurasma кроется в разделе My Account правого верхнего меню. По клику вам откроется ваш профиль на сайте, в левой колонке которого можно найти ссылку Enable features, а в появившемся окне поставить галку напротив Web overlays. Теперь кроме фото, видео и трехмерных моделей вы также сможете добавлять в слои непосредственно веб-страницы. Однако эта функция работает далеко не со всеми смартфонами, и весьма вероятно, что вместо плавающего окна веб-сайта вы получите просто такое же плавающее сообщение об ошибке.

Мобильное приложение Aurasma

Приложение

Интерфейс мобильной Aurasma немного непривычный, но если вы запутались в нем, помните, что в правом верхнем углу есть пиктограмма «i», по тапу на которой на экране добавятся подсказки по пунктам меню.

В нем пять ссылок (слева направо): что-то вроде витрины созданных на сервисе проектов (Explore), создание новой «ауры» (Create), включение камеры (выход из этого режима — тапом на логотип сервиса), поиск по Aurasma и, наконец, ваш профиль.

Интересно, что приложение для смартфона является не просто компаньоном сервиса, но позволяет создавать «ауры» непосредственно в нем. Функционал его, конечно, значительно беднее веб-версии, другая здесь и последовательность действий для этого.

Сначала вы выбираете здесь overlay, а уже после задаете то изображение, на котором он будет появляться. Причем изображением может быть только сделанная на камеру устройства фотография, загрузить что-либо из памяти смартфона не получится. И в этом есть своя логика и некоторое упрощение, характерное для мобильных приложений в целом. Действительно, просто сфотографируйте что-либо вокруг вас, добавьте всплывающий объект, и «аура» готова.

С помощью этой технологии были реализованы следующие проекты

Иллюстрации:
скриншоты сервиса Aurasma

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!