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.
Первая сцена за вечер
- Зарегистрируйтесь в ARClip и создайте проект — откроется редактор.
- В панели Сцены выберите сцену и задайте ей триггер Изображение. Загрузите картинку, которую будете печатать, и укажите её реальную ширину — так контент окажется в нужном размере.
- Перетащите на холст 3D-модель. Подойдут GLB, glTF, FBX и OBJ — редактор сам переведёт их в GLB. Модели нет? Найдите готовую в библиотеке или сгенерируйте по описанию.
- Добавьте реакцию на касание: компонент Состояния с поднятым положением модели и компонент События с шагом Переключить состояние. Всё это без кода.
- Нажмите Опубликовать — вы получите ссылку и QR-код. Напечатайте QR рядом с картинкой или разместите его там, где люди его увидят.
Подробно и с картинками — в документации, в разделе «Первый проект».
Как сделать, чтобы открывалось быстро
- Лёгкие модели. Сотни тысяч полигонов и текстуры 8K тормозят даже новые телефоны. Для AR обычно хватает модели в несколько мегабайт.
- Детальная картинка-маркер. Фото с контрастными деталями отслеживается хорошо, а логотип на белом фоне — плохо: камере не за что зацепиться.
- Проверка на двух телефонах. Откройте ссылку на iPhone и на Android до того, как отправлять макет в печать.
- Аналитика. Счётчики просмотров есть на всех тарифах — видно, сколько людей открыли сцену.
Сколько это стоит
Публикация в ARClip бесплатна и без ограничений по числу проектов и просмотров. Свой домен и AI-кредиты для генерации — на платных тарифах.
Чем ARClip отличается от других конструкторов
Мы честно сравнили ARClip с популярными WebAR-конструкторами — где сильнее мы, где они и что выбрать под вашу задачу: ARClip или Zappar, ARClip или MyWebAR, ARClip или Blippar. Остальные сравнения — на странице «Сравнения».
Ещё в блоге
AI и агенты3D-модель по фото: как сделать и сразу показать в AR
Превращаем фотографию предмета в 3D-модель с помощью AI, ставим её в сцену и открываем в AR на телефоне. По шагам — и о том, какое фото подойдёт.Читать
3D на сайтеКак добавить 3D-модель на сайт и AR на страницу товара
Встраиваем интерактивную 3D-сцену на страницу, добавляем варианты цветов и кнопку «Посмотреть в AR» — без кода и без своего хостинга.Читать
Попробуйте на своём проекте
Откройте рабочее пространство, опишите, что хотите собрать, и увидите первую версию прямо в редакторе. Без карты и без установки.
Начать бесплатно

