Блок 8. AR-вітрина без спецобладнання

#Ідея блоку

Торік «VR» у програмі клубу означало умовний пункт «за наявності обладнання», залежний від того, чи є в кабінеті шолом. Цього року його замінено на конкретний, завжди доступний результат: доповнена реальність прямо з телефона, без застосунку й без спецобладнання — лише посилання чи QR-код.

Технічна основа — веб-компонент model-viewer (розробка Google): ти вставляєш GLB-модель у звичайну веб-сторінку, і на телефоні одним дотиком відкривається AR-режим: Quick Look на iOS, Scene Viewer на Android. Так інтернет-магазини меблів пропонують «подивитися, як цей стілець виглядатиме у вашій кімнаті».

#Заняття 19 — model-viewer і перший запуск

Сторінка з <model-viewer> — це кілька рядків HTML, не програма: веб-сторінка з GLB-файлом і кнопкою «Переглянути в AR». Компонент сам визначає пристрій відвідувача й обирає правильний спосіб показу: Quick Look для iPhone, Scene Viewer для Android, звичайний обертовий перегляд для комп’ютера.

Практика: своя сторінка з моделлю. Візьми .glb-файл із блоку 7 і підстав його в готовий шаблон: Шаблон AR-вітрини. У парах, якщо бракує ноутбуків. Мета заняття — побачити свою модель у браузері й крутити її мишею. AR-режим на телефоні — наступного разу, коли сторінка вже опублікована й доступна за посиланням: AR потребує реальної адреси в інтернеті, не просто файлу на комп’ютері.

#Заняття 20 — AR на телефоні

Розігрів. Переконайся, що сторінка з минулого разу опублікована (GitHub Pages) і доступна за посиланням, а не лише локальний файл: це необхідна умова для AR.

QR-код. Зроби QR-код на власне посилання (підійде будь-який безкоштовний генератор): це зручний спосіб швидко передати адресу на телефон, не передруковуючи довгий URL. Відскануй його, натисни кнопку AR і постав модель «на стіл» у кабінеті, походи навколо неї з камерою.

#Типові проблеми

Проблема	Чому так сталося	Рішення
Кнопка AR не з’являється навіть на підтримуваному телефоні	Сторінка ще не опублікована (локальний файл) або в `<model-viewer>` не вказано атрибут `ar`/`ar-modes`	Перевір, що посилання відкривається з інтернету (`https`), а не з файлу на комп’ютері; звір атрибути з шаблоном
Модель в AR виглядає величезною чи крихітною порівняно з реальним простором	Масштаб не був перевірений на блоці 7	Поверніся до N-панелі в Blender, звір реальні Dimensions і повтори експорт
QR-код не сканується чи веде на порожню сторінку	QR згенеровано на локальну адресу (`localhost` чи файл), а не на опубліковане посилання	Генеруй QR лише після публікації, на фінальний `https://…` URL

#Перед заняттям

.glb із блоку 7 і доступ до місця публікації (наприклад, GitHub Pages).
Телефон (iOS чи Android) із зарядом: це і є «обладнання» блоку, і воно вже є в кожного.
Будь-який безкоштовний QR-генератор.
Шаблон — на сторінці Шаблон AR-вітрини.