Web-AR.Studio Blog

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

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

⠀⠀⠀

Оживите изображение с помощью видео и анимации

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

Для пользователей Web-AR.Studio мы рекомендуем использовать первый кадр видео как часть изображения для отслеживания. Это самый простой способ создать эффект «оживления», который сразу приносит пользу, когда ваша целевая аудитория сканирует код. Если вы планируете использовать видео в конструкторе, инструменты редактирования видео, такие как After Effects или Premiere Pro, могут отлично подойти для анимации компонентов целевого изображения. Или вы даже можете решить использовать анимированную графику, созданную в стороннем программном обеспечении.

⠀⠀⠀

Разбейте четвертую стену

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

⠀⠀⠀

Интерактивность

AR имеет преимущество перед более традиционными средствами, такими как телевидение или фильмы, в том, что мы можем проектировать и создавать интерактивность с рассматриваемым контентом. Чем больше интерактивности вы добавите к своему проекту, тем более захватывающим он станет. Прикосновение, свайпы, просмотр — действительно вовлекают вашего пользователя в исследование вплоть до мельчайших деталей! Действительно хороший пример — это AR Pack, которое мы сделали для вас, в качестве шаблона. Этот проект на самом деле довольно прост по сравнению с некоторыми вещами, которые можно создать в Web-AR.Studio, однако вы должны увидеть, как можно добавить дополнительные уровни сложности в проект.

⠀⠀⠀

Заключение

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

Будущее за дополненной реальностью — компания Web AR Studio создали бесплатный онлайн-конструктор (web-ar.studio) для проектов с дополненной реальностью, работающих прямо в браузере. Чтобы это доказать, Михаил Епифанов, коммерческий директор компании, ответил на пару вопросов, которые помогут разобраться в работе AR-технологий. 

• Процесс использования. 

Разновидность дополненной реальности, WebAR, облегчает работу как физлиц, так и бизнес-компаний. Нет ничего проще, чем работать сразу в браузере, без необходимости скачивать мобильное приложение, тратить место на телефоне и проходить долгий этап скачивания, особенно при среднем по скорости интернете. 

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

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

• Что из себя представляет онлайн-конструктор WebAR Studio?  

Наш онлайн-конструктор по созданию WEB дополненной реальности — это платформа, работающая по freemium бизнес-модели (бесплатное пользование) с понятным для пользователей интерфейсом, на котором можно создавать проекты, которые привлекают новых клиентов. Соответственно, те, кто продают проекты на платформе или внедряют его в маркетинговое направление, получают с этого высокий доход. 

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

• Почему на него стоит обратить внимание?

Созданный онлайн-конструктор несложнее вышеупомянутой Тильды. У пользователей платформы не возникнет проблем с созданием любого AR-контента, так как в конструктор уже встроены шаблоны проектов и библиотеки спец. эффектов, 3D моделей, видео и изображений. 

Мы разработали упрощённую систему обучения, например, всплывающие окна, которые будут подсказывать, что делать дальше. Также мы предлагаем платное месячное обучение для продвинутых пользователей. Если вдруг что, предусмотрена 24/7 техподдержка — в сложных ситуациях не бросаем. 

И это ещё не всё. Ежемесячно мы проводим вебинары, где отчитываемся по всем новым внедрениям на платформе и рассказываем лайфхак по созданию данной технологии. 

Как итог: проект даже высокой сложности после усердной практики готов за 8 минут. Площадка не ограничивает пользователя по времени использования, не нужно привязывать банковскую карточку или что-то подобное. Работаем без хитростей.  

• Аналитика работающих проектов. 

WebAR легко внедряется в запущенные рекламные кампании. Не требуется сильно изменять маркетинговые материалы для удачного внедрения. Как результат — можно увеличить охваты аудитории в 2 раза и среднее время использования до 2-3 минут. 

Для пользователей, впечатляющая презентация через WebAR — это большая вероятность привлечь и остановить внимание на вашем бренде или продукте. На крупных выставках наша команда так и делает. Представители компании наводят камеру смартфона и взаимодействуют с виртуальными 3D-моделями. Они фотографиуют проекты, записывают видео с виртуальными героями — всё получившееся репостили, тем самым очень сильно повышая охваты бренда в социальных сетях. 

Приятный бонус для маркетологов — после реализации проекта нет необходимости встраиваивать Google Analytics или другие системы. В личном кабинете есть аналитика с необходимой статистикой, которая обновляется автоматически. В ней есть фильтрация по времени, отображается количество посещений, с каких устройств заходил пользователей, в какое время, через какой браузер. Можно даже «догонять» пользователей, посмотревших AR-проект, таргетированной рекламой в социальных сетях.

• Будущее за WebAR. 

Мир ускоряется, нужно делать то, что занимает меньше сил. 

AR-технологии пока живут, потому компании привыкли привязывать к своему бренду людей через скачивания приложения. Сейчас пользователи умные и хотят ощущать удобство, а также получать максимум от результата. Обычно люди думают, что им больше хочется посмотреть AR. Но жертвовать кучу своего времени и часть места на телефоне точно не хотят. В нашем случае, мы устранили данный недостаток и теперь ничто не мешает знакомству с WebAR. 

Мы начали с WebAR, потом перейдем к дополненной реальности следующего уровня. В коммерческих целях мы не раскрываем подробности, однако это будет замена реальным смартфонам. Задумываемся о подобном сценарии и готовы внедрять свою платформу под изменение контента девайсов будущего.

WebAR — это будущее визуализации для мобильных устройств. В чем мотивация компаний внедрять дополненную реальность в бизнес? На этот вопрос мы постараемся здесь ответить. 

Всё благодаря особенности технологии — взаимодействую, а не только наблюдаю. 

Инновации дают бизнесу повод меняться в лучшую сторону — упрощают работу ваших проектов. Пользователи выходят за пределы экрана смартфона, и перемещаются в прекрасное виртуальное пространство. 

Рассмотрим преимущества на примере двух сегментов — недвижимости и ритейла:

В первом случае больше используются AR-туры по проекту, где размещаются все модели мебели, показывается особенности планировки и отделки квартиры/дома. Но возможно так, что при посещении офиса, компания предоставят макет будущего здания — нужно только навести камеру смартфона на чертёж. 

Тут же есть место для кастомного подхода, создания проекта под клиента. Возможно продвигать через таргетированную/контекстную рекламу в соцсетях: при переходе на сайт с дополненной реальностью потенциальному клиенту предлагают возвести нужную модель здания перед собой (буквально на столе). 

Главное достоинство внедрения во вторую категорию — удобная навигация. Технологии AR позволяют представить в подробностях продукт или услугу в необходимом масштабе и положении. Если взять этикетки на товарах, подарочные боксы, раздаточный материал — здесь получится классный интерактив. Например, если создать поющую модель Григория Лепса о напитке, без которого не обходится праздничный стол, или новомодных очках (для магазина оптики). Если это касается контента для детей, то здесь обязательно ставить акцент на привлечении родителей. 

Но WebAR, в любом случае, задействует стопер «купил-поигрался» — он сыграет на руку узнаваемости бренда, который нарастит базу лояльных клиентов. 

Если выделить сферу рекламы большинства сегментов, то дополненная реальность удобно внедряет скидочные программы, упрощает геймификацию клубных карт: показать QR-код, чтобы накопить или списать баллы. 

Однако этим можно не ограничиваться и воплощать любые задумки, чтобы ориентироваться в музеях, образовательных учреждениях — создавать площадки для упрощения получения знаний посредством квиза (теста) или изучения модели на 360°. 

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

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

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

Посетители получают идеальный AR-гид (например, в виде раздаваемых музеем планшетов), который поможет увидеть и узнать больше в упрощенной форме.

Для создания подобных проектов, не требуется знаний программирования или 3D-конструирования. Это помогает прилично сэкономить на разработке. Есть куча онлайн-конструкторов созданных для создания дополненной реальности конкретно для музеев и выставок. Здесь также идёт экономия на специалистах в сфере дополненной реальности. 

Традиционный подход к организации не пропадёт, но постепенная цифровизация через технологию WebAR точно привлечет к себе внимание посетителей и подтолкнет к изучению истории засчёт интерактивности. 

Мультимедийность — это выигрышный выбор, если требуется улучшить работу любого культурного мероприятия, так как люди начинают всё снимать на фото и видео, выкладывать в социальные сети и повышать уровень информационного шума любого мероприятия. Это сочетание эффективной коммуникации и усвоения информации повысит лояльность посетителей. 

В случае, если работа идет без приложения, доступ к многочисленной информации предоставляется через сканирование QR-кода интересующего экспоната. Достаточно 1 раз это сделать — и можно ходить по разным залам и наводиться на все экспозиции. При этом если нужно добавить аудиоозвучку, даже не потребуется нанимать специальных людей. Всё делается в уже имеющихся бесплатных программ от Гугла и Яндекса (Алиса) — пишите текст и отдаете его на озвучку. Позже вам выдается аудиофайл, который вы уже можете добавить в платформу.

Как можно понять, будущее для музеев и выставок в виртуализации.

Домен — это адрес сайта, по которому сайт можно найти в сети. Если вы хотите подключить собственный домен (то есть чтобы проект открывался по адресу вида http://mysite.com), нужно сделать 3 шага:

⠀⠀⠀⠀⠀

1) Купить домен

Купить домен можно у регистраторов доменов. Таких сервисов много, найти их можно в поиске Google или Яндекс по запросу «купить домен».

2) Указать домен в настройках проекта на платформе

Перейдите в настройки проекта, укажите домен и сохраните изменения. Система подскажет вам оптимальный для вашего сайта адрес С-NAME записей, которые нужно установить на стороне регистратора. Вероятнее всего, это будет значение: projects.web-ar.studio, но если вам показывается другой — то используйте его.

3) На сайте регистратора указать записи для домена

Для этого в зоне управления DNS нужно добавить запись С-NAME и прописать для нее значение: projects.web-ar.studio

⠀⠀⠀⠀⠀

Как указать домен в настройках проекта на платформе

Перейдите в Настройки проекта и укажите ваш домен. Нажмите “Подключить домен”

Если домен еще не подключен, то появится сообщение с С-NAME записью, которую нужно добавить по инструкции ниже. Если вы уже сделали все по инструкции, то с большой вероятностью DNS еще обновляется, это может занять до 24 часов.

⠀⠀⠀⠀⠀

Как указать С-NAME-записи на сайте регистратора

Вам необходимо добавить запись типа С-NAME для домена или поддомена . Сделать это можно в панели управления доменом (обычно называется «Управление DNS зонами»)

Изменять серверы имен (NS записи) для вашего домена не требуется.

Если ваш регистратор не предоставляет DNS-серверы по умолчанию, закажите эту услугу отдельно. Либо воспользуйтесь сервисом, который предоставляет DNS хостинг бесплатно.

⠀⠀⠀⠀

Для основного домена

Например: mysite.com

1. Зайдите в контрольную панель управления своим доменом
2. В настройках домена найдите раздел типа «Добавление записи в DNS»
3. Добавьте запись типа C-NAME с указанием значения: projects.web-ar.studio

Если у вас есть другие записи типа С-NAME для основного домена, удалите их. Запись С-NAME для домена может быть только одна, иначе домен работать не будет.

⠀⠀⠀⠀

Для поддомена

Например: sub.mysite.com или www.mysite.com

В настройках домена укажите запись С-NAME с значением projects.web-ar.studio

При добавлении записей нужно избегать Wildcard-записей типа А или CNAME. Обычно такие записи начинаются с символа * (или имеют такое значение в названии поддомена / поле Хост), например:

*.example.com A 1.1.1.1

⠀⠀⠀

Все изменения могут занимать от 3-х до 24-х часов.

⠀⠀⠀

Если записи вступили в силу, то в подключении домена появится сообщение, что всё хорошо и домен подключен корректно. В таком случае сайт уже работает по домену.

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

Сейчас некоторые учатся зарабатывать с помощью оживающих фото (вспомнить те же свадебные альбомы). 

Их смысл прост: навести камеру смартфона на изображение, чтобы на месте фото у отображалось видео. Таким образом зародился эффект оживления. 

Это выход для тех, кто хочет остаться в нише портретной съемки и создании фотоальбомов — например, взять групповой фото со школьного выпускного или общей фотосессии и добавить памятное видео-бэкстейдж. 

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

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

Мы понимаем — каждому хочется, чтобы услугу покупали. Фотограф, чьё резюме наполнено парочкой оживающих фото, будет в приоритете. 

PS: Чтобы посмотреть, как это выглядит на смартфоне, следуйте инструкции:

1) Зайти на сайт web-ar.studio, там вы увидите пример проекта, далее необходимо

2) Отсканировать QR-код в через камеру (iphone/Android) или встроенное приложение-сканер.

3) Наведитесь телефоном на фотографию, которую нужно открыть на мониторе.

Платформа работает на ваш успех!

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

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

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

⠀⠀⠀

Лучшие 3D-модели для ваших AR-проектов

Привлекайте внимание пользователей с помощью исследуемого 3D-контента. Пользовательский опыт является ключевым, поэтому давайте рассмотрим, как легко создавать и импортировать контент в Web-AR.Studio, который обеспечивает «вау-фактор» при быстрой загрузке на мобильных устройствах.

⠀⠀⠀

Получение 3D-моделей для AR

Неудивительно, что большинство самых популярных приложений AR, включают 3D-модели. Это один из любимых способов использования AR из-за интерактивности и иммерсивного характера конечного результата — ваш пользователь больше не является пассивным наблюдателем вашего конечного дизайна, теперь он может «встретить» ваше творение в реальном мире.

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

Ниже приведен список веб-сайтов, которые мы часто используем для получения 3D-моделей для проектов. Возможно, вам потребуется использовать редактор 3D-моделей, такой как Blender (бесплатно), Maya или 3Ds Max, чтобы убедиться, что ваши модели правильно работают в Web-AR.Studio.

Веб-сайты, рекомендуемые для поиска 3D-моделей:

• Sketchfab
• Free3D
• TurboSquid
• Hum3D
• CG-trader
• Adobe Stock
• Mixamo

⠀⠀⠀

Лучшие 2D-элементы для ваших AR-проектов

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

Когда дело доходит до поиска 2D-ресурсов, лучше всего работать с хорошо продуманной концепцией. Дизайнер (особенно если он работает в одиночку) может нести ответственность за объединение целевого изображения и пользовательского интерфейса, поэтому дешевле и эффективнее сопоставить изображения с вашим устоявшимся художественным видением, чем экспериментировать на лету. Конечно, это часто означает поиск изображений из самых разных источников, для импорта в AR.Studio — вам может потребоваться внести некоторые изменения в Photoshop.

Веб-сайты, рекомендуемые для поиска изображений:

• Shutterstock
• Adobe Stock
• iStock
• Pexels
• Bigstock
• Alamy
• StockSnap

⠀⠀⠀

Поиск иконок для AR

Использование иконок — отличный способ сделать ваш продукт максимально доступным. Мы часто создаем проекты дополненной реальности для разнообразной глобальной аудитории, а использование иконок сокращает использование текста и снижает языковой барьер для пользователей.

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

Веб-сайты, рекомендуемые для поиска иконок:

• Flaticon
• Icons8
• Iconfinder
• Flat Icon
• Icon Archive
• Freepik
• Octicons

⠀⠀⠀

Поиск видео для AR

Один из самых эффективных способов связаться с вашей аудиторией с помощью AR — это использование отличного видео.

Хорошим советом является использование первого кадра видео в качестве изображения для отслеживания. Запуск воспроизведения остальной части изображения при сканировании дает эффект «оживающего» изображения. Это потрясающе, легко реализовать и действительно представляет собой один из самых простых, но визуально впечатляющих элементов дополненной реальности!

Когда дело доходит до программного обеспечения для редактирования видео, которое поможет вам получить максимальную отдачу от вашего контента — After Effect, Final Cut, Premiere и Lightworks. Все пакеты используют разные члены Web-AR.Studio.

Но помните, что необходимо проверить лицензионные ограничения (или их отсутствие) для выбранных вами видео. Многие из доступных вариантов имеют лицензию CC, поэтому обязательно поддержите своих коллег-творцов и оплатите лицензию, особенно если это для коммерческого проекта.

Рекомендуемые веб-сайты для поиска видео:

• YouTube
• Vimeo
• Mazwai
• Pexels Video
• Videezy

⠀⠀⠀

Лучшая музыка для ваших AR-проектов

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

⠀⠀⠀

Источники звука для AR

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

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

Веб-сайты, рекомендуемые для поиска музыки:

• Premium Beat
• AudioJungle
• AudioBlocks
• AudioMicro
• Stockmusic.net
• Freesound
• Orange Free Sounds
• Gamesounds.xyz

⠀⠀⠀

Заключение

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

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

Чтобы подготовить хороший маркер обратите внимание на следующие характеристики:

⠀⠀⠀⠀⠀

Высокая контрастность

Разница в тонах помогает найти больше точек на изображении.

Пример хорошего маркера:

⠀⠀⠀⠀

Отсутствие повторяющихся форм или узоров

Одинаковые или похожие объекты негативно влияют на распознавание и трекинг.

Пример маркера, где много одинаковых форм и узоров — плохой маркер:

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

⠀⠀⠀⠀

Большое количество деталей

Чем больше на изображении уникальных элементов, тем лучше оно распознается.

Пример хорошего изображения с большим количеством деталей:

⠀⠀⠀

Распределение особых точек

Для качественного трекинга необходимо, чтобы особые точки были равномерно распределены по изображению.

Пример плохого распределения точек:

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

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

Пример хорошего изображения с большим количеством деталей:

⠀⠀⠀⠀⠀

Используйте квадратные и угловатые формы

Они дают больше ключевых точек, в отличие от круглых объектов.
У круглых форм нету резких переходов, поэтому трекинг будет ухудшаться.

Пример плохой фигуры:

Хоть у квадрата и 4 угла, которые легко идентифицировать… такую фигуру не используют по одной простой причине — квадрат симметричен, поэтому, возможность определить ориентацию в пространстве, становится невозможным (попробуйте повернуть квадрат на 90º — ничего не изменилось… в этом и проблема этой фигуры, как маркера):

Пример отличной фигуры — треугольник.

⠀⠀⠀⠀⠀

Буфер Исключения Объекта

Как можно было заметить на изображениях выше — точки проставляются не по всему маркеру… Остается примерно 8% незатронутого пространства (даже учитывая тот факт, что в этой зоне есть объекты, к которым можно было «прицепиться»). Это пространство является буфером исключения — инициализация точек в этой области не происходит.

Можно избежать данную ситуацию, просто добавив белую рамку вокруг будущего маркера (примерно 8% ширины). На изображениях ниже, будет приведет пример плохого маркера и хорошего.

Когда нет рамки — теряются драгоценная информация (стоит присмотреться на области, которые находятся близко к краю маркера):

Если добавить белую рамку — информация не будет потеряна:

⠀⠀⠀⠀⠀

Поддерживаемые форматы изображений

Web-AR.Studio поддерживает различные форматы изображений, включая:

• .PNG
• .JPG
• .JPEG

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

⠀⠀⠀⠀⠀

Разберем каждый формат по отдельности.

PNG — формат хранения растровых (изображение, представляющее собой мозайка пикселей — цветных точек) изображений. Был спроектирован для замены формата GIF.

Приемущества данного формата:
Сжатие без потерь — качество остается отличным при любой степени сжатия,
Компактный размер файлов,
Отлично работает с цветами (цветовой диапазон выше, чем у GIF),
При пересохранении файла — качество не ухудшается,
Поддержка прозрачности.

Недостатки данного формата:
Иногда, формат может плохо поддерживаться на различных браузерах,
Плохая работа с полноцветными изображениями (фото, иллюстрации) — размер выше, чем у JPEG (JPG) и GIF.

Программы для работы с PNG:

• Adobe Photoshop
• Microsoft Windows Photos
• Movavi Photo Editor,
• Microsoft Paint
• Apple Photos
• GIMP и т.д

⠀⠀

JPG (JPEG) — представляет из себя самый распространенный растровый графический формат сжатого изображения. Используется для хранения фотографий и подобных изображений.

Приемущества данного формата:
Контролируемая степень сжатия — можно выбрать соотношение качества и размера файла,
Универсальность формата — корректно работает во всех браузерах и на всех устройствах,
Хорошее качество, при небольшой степени сжатия.

Недостатки данного формата:
Каждый шаг сжатия ухудшает качество (несколько пикселей «сливаются» — плавные переходы между цветами исчезают),
Потеря деталей цвета при сжатии (вытекает из недостатка выше),
Формат не поддерживает прозрачности,
Не оптимален при работе с текстовой графикой.

Программы для работы с JPEG:

• Adobe Photoshop
• Adobe Illustrator
• Microsoft Windows Photos
• CorelDRAW
• Movavi Photo Editor
• Microsoft Paint
• Apple Photos
• GIMP и т.д

⠀⠀⠀⠀⠀

Заключение

1. Загружайте не в векторном, а в растровом формате

2. Если нет растра или даже сам растр как-то отблёскивает из-за материала — сфотографируйте изображение и загрузите фото

3. Если прямо очень надо, чтобы изображение распознавалось, но алгоритм не пускает, то посмотрите где алгоритм выделил зелёные и жёлтые квадраты. Вы можете обрезать эту часть фото и изображение будет работать, но распознаваться будет только эта часть. Мы специально определяем подходит изображение или нет и можем сказать, что оно не подходит, даже если там есть зелёные и жёлтые квадраты для того, чтобы сказать, что всё изображение распознаётся плохо и будет плохим триггером

Цифровизация применяется к абсолютно каждому бизнесу. Визитная карточка должна соответствовать постоянно меняющемуся ритму бизнеса. К счастью, в наше время можно легко прокачать свою визитку, добавив ей дополненную реальность. Она позволит показать наглядно особенности и ценности продукта, что не сможет обычный бумажный носитель.

С помощью обычной камеры на смартфоне вы можете отсканировать QR-код на визитке и попасть на сайт с дополненной реальностью (технология WebAR). Визитка расскажет всё — можно с помощью интерактивной инфографики отразить любую информацию о вашей компании (портфолио, услуги и т.д.) или о вас (мессенджеры, соцсети, добавить контакт в телефонную книгу и т.д.).

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

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

Сегодня создать виртуальную визитку без каких-либо заготовленных дизайнерских решений реально — примеры и шаблоны есть на платформе. При создании кликните на шаблон визитки. За 8 минут получится создать персональный, компактный сайт. 

Привлекательность внедрения также в отсутствие дополнительных приложений для просмотра дополненной реальности. Важно отметить, что обновление контента производится без необходимости менять данные визитки, так как всё виртуально, это займёт пару минут и после клика на кнопку «Опубликовать» все данные уже будут внесены в проект — визитка готова!

Если убедить себя пользоваться опытом взаимодействия с виртуальным миром, то получите бонусы в виде:

• Креативного подхода к оформлению бренда (раздолье для фантазии), ведь каждый объект несущий в себе дополнительную информацию, также может быть кликабельным и многофункциональным;
• Иммерсивных технологий, создающие wow-эффект для новых или постоянных пользователей. 
• Технологии Web AR используются чаще, чтобы при небольших бюджетах эффективно вести бизнес, то есть вы сильно повышаете ИМИДЖ компании, внедряя подобные инновационные технологии. 
• Действия приведут к увеличению конверсий в переход на сайт, соцсети или блог «хозяина» визитки и, как следствие, количества продаж. 
• Экономия на постоянных перепечатываниях визитных карточек при смене информации о компании или о вас (все правки вносятся мгновенно и дистанционно на все визитные карточки).

Как работа Web AR выглядит после внедрения на визитку, можно ознакомиться на данном ролике с примером — https://www.youtube.com/shorts/KFxCI1iW174 на том же канале есть ролики по инструкции создания подобных визиток для собственного бизнеса.