Пользуясь arclip.design, вы соглашаетесь, что Google Analytics и Amplitude собирают статистику использования сайта. Нажмите «Согласен», чтобы разрешить и запись сессий — она помогает нам находить, что исправить. Политика cookie

WebAR без приложения: как показать AR по ссылке и QR-коду

Что такое WebAR, какие сцены работают прямо в браузере телефона и как за вечер собрать и опубликовать первую — без приложения и без кода.

3 мин чтения

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

Для бизнеса это главное. Каждый лишний шаг между «увидел» и «попробовал» срезает аудиторию, а ссылка работает там, где люди уже есть: на упаковке, в рассылке, в соцсетях, на стенде.

Что можно сделать без приложения

В ARClip у каждой сцены есть триггер — то, что её запускает:

  • Изображение или QR — оживает упаковка, плакат или визитка: камера узнаёт картинку, и на ней появляется модель, видео или интерфейс.
  • Поверхность — товар встаёт на пол или стол в комнате зрителя: мебель, техника, арт-объект в натуральную величину.
  • Лицо — маски, фильтры и примерка очков или украшений.
  • 360° — зритель оказывается внутри панорамы: экскурсия, интерьер, событие.
  • VPS — контент появляется в точном месте реального пространства, например у нужного экспоната в музее. Карту места снимают приложением ARClip на iPhone.
Поверхность: машинка на асфальте и джойстик на экране
Поверхность: машинка на асфальте и джойстик на экране
Лицо: венок и бабочки поверх селфи
Лицо: венок и бабочки поверх селфи

Где это откроется

Один проект — одна ссылка для всех устройств:

  • Телефоны. Android и iPhone открывают сцену в браузере по ссылке или QR-коду.
  • iPhone через App Clip. Проект открывается по ссылке, коду или NFC-метке — тоже без установки.
  • Компьютер. 3D-сцены открываются как есть, а для AR по картинке или лицу сайт покажет QR-код для телефона.
  • VR-шлемы. Та же ссылка в браузере шлема, через WebXR.

Первая сцена за вечер

  1. Зарегистрируйтесь в ARClip и создайте проект — откроется редактор.
  2. В панели Сцены выберите сцену и задайте ей триггер Изображение. Загрузите картинку, которую будете печатать, и укажите её реальную ширину — так контент окажется в нужном размере.
  3. Перетащите на холст 3D-модель. Подойдут GLB, glTF, FBX и OBJ — редактор сам переведёт их в GLB. Модели нет? Найдите готовую в библиотеке или сгенерируйте по описанию.
  4. Добавьте реакцию на касание: компонент Состояния с поднятым положением модели и компонент События с шагом Переключить состояние. Всё это без кода.
  5. Нажмите Опубликовать — вы получите ссылку и QR-код. Напечатайте QR рядом с картинкой или разместите его там, где люди его увидят.
Публикация из редактора: проект открывается в браузере, без установки приложения
Публикация из редактора: проект открывается в браузере, без установки приложения

Подробно и с картинками — в документации, в разделе «Первый проект».

Как сделать, чтобы открывалось быстро

  • Лёгкие модели. Сотни тысяч полигонов и текстуры 8K тормозят даже новые телефоны. Для AR обычно хватает модели в несколько мегабайт.
  • Детальная картинка-маркер. Фото с контрастными деталями отслеживается хорошо, а логотип на белом фоне — плохо: камере не за что зацепиться.
  • Проверка на двух телефонах. Откройте ссылку на iPhone и на Android до того, как отправлять макет в печать.
  • Аналитика. Счётчики просмотров есть на всех тарифах — видно, сколько людей открыли сцену.

Сколько это стоит

Публикация в ARClip бесплатна и без ограничений по числу проектов и просмотров. Свой домен и AI-кредиты для генерации — на платных тарифах.

Чем ARClip отличается от других конструкторов

Мы честно сравнили ARClip с популярными WebAR-конструкторами — где сильнее мы, где они и что выбрать под вашу задачу: ARClip или Zappar, ARClip или MyWebAR, ARClip или Blippar. Остальные сравнения — на странице «Сравнения».

Ещё в блоге

Попробуйте на своём проекте

Откройте рабочее пространство, опишите, что хотите собрать, и увидите первую версию прямо в редакторе. Без карты и без установки.

Начать бесплатно