С чего начать делать AR в 2026: 5 шагов

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

Шаг 1. Начните с шаблона

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

• WAS Lite Studio — самый простой вход: выбираете шаблон, прикрепляете файлы и заполняете поля.
• WAS Design Studio — универсальный редактор без кода, когда захочется собрать что-то своё.

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

Шаг 2. Сделайте первое оживающее фото

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

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

1. Создайте проект с трекингом фото.
2. Загрузите фотографию как триггер — платформа покажет, хорошо ли она распознаётся.
3. Поставьте видео поверх снимка, точно по краям.
4. Опубликуйте, откройте QR-код телефоном и наведите камеру на фото.

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

Шаг 3. Добавьте сцены, анимацию и кнопки

Когда первое фото ожило, сделайте проект интерактивным:

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

Не добавляйте всё сразу: одна новая возможность в каждом проекте — и вы быстро поймёте, как они сочетаются.

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

Шаг 4. Разберитесь с настройками и аналитикой

Опубликованный проект — это начало, а не конец. Загляните в настройки и в личный кабинет:

• Аналитика. Встроенная аналитика показывает, сколько людей открыли проект, куда они нажимали и как долго оставались в AR. По ней видно, что работает, а что нет. Можно подключить и внешние счётчики, например от Google.
• QR-код. Скачайте его и проверьте, что он сканируется с того расстояния, с которого будут смотреть.
• Экран загрузки. Его можно персонализировать под свой бренд.
• Свой домен. Проект может открываться по вашему адресу — как это настроить, рассказано в статье о подключении домена.

Шаг 5. Идите глубже: 3D, Figma и ИИ

• 3D-редактор платформы. Модели в форматах GLB, GLTF и FBX загружаются напрямую; готовые можно найти в библиотеке AR-объектов и на Sketchfab.
• Дизайн в Figma. Маркеры, кнопки и экраны удобно рисовать там же, где вы делаете остальной дизайн.
• Генеративный ИИ в редакторе. 3D-модели по описанию или референсу, изображения, тексты и короткие видео. Генерации тратят AI-кредиты, которые входят в тариф.
• Скрипты. Для нестандартной логики есть продвинутые настройки проекта.

Начните с того, что нужно вашему следующему проекту, а не со всего списка сразу.

Где брать модели, видео и звуки — в статье о ресурсах для AR.

Частые ошибки новичков

• Слишком большой первый проект. Начните с одного оживающего фото, а не с игры на десять сцен.
• Плохой маркер. Логотип на белом фоне или глянцевая печать — и кажется, что AR «не работает».
• Проверка только на компьютере. Смотрите проект на телефоне, с настоящим отпечатком и при обычном свете.
• Тяжёлые файлы. Большие модели и длинные видео долго грузятся на мобильном интернете.
• Звук с первой секунды. Браузеры не включают звук, пока человек не коснулся экрана.

План на первую неделю

День	Что сделать
1	Проект по шаблону в WAS Lite Studio
2	Своё оживающее фото: снимок и видео того же момента
3	Вторая сцена, кнопка и переход между сценами
4	3D-модель из библиотеки или сгенерированная ИИ
5	Публикация, QR-код и проверка на нескольких телефонах
6	Экран загрузки в своём стиле и разбор аналитики
7	Показ друзьям или коллегам и сбор отзывов

Не обязательно идти день в день — важна последовательность: каждый шаг опирается на предыдущий.

Где учиться и спрашивать

• Web-AR.Studio Wiki — краткое руководство: первый проект, типы публикации, трекинг, форматы файлов, домен, аналитика.
• YouTube-канал Web-AR.Studio — видеогиды и примеры проектов.
• Discord-сообщество — помощь с проектами и ответы от команды и других авторов.
• Техподдержка — Discord, Telegram, GitHub и почта support@web-ar.studio.
• Курс обучения — программа из шести модулей: от основ и шаблонов до дизайна в Figma, 3D-редактора и защиты своего проекта.

Частые вопросы

Нужно ли уметь программировать?

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

Нужен ли опыт в 3D?

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

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

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

Сколько времени нужно, чтобы научиться?

Первый проект по шаблону можно сделать в день регистрации. Уверенность приходит с практикой: каждый следующий проект даётся быстрее.

Можно ли учиться вместе с командой или классом?

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

Что делать, если застряли?

Загляните в Wiki и видеогиды, а если ответа нет — спросите в Discord: там помогают команда и другие авторы.

Какой проект сделать вторым?

Тот, что пригодится вам или знакомым: AR-визитку, открытку или небольшую AR-игру.

Готовы начать? Соберите первый проект в WAS Lite Studio по шаблону — просто прикрепите свои файлы.