Websiteks · poster → turntable · sürükle/scroll döndür · kapakları aç · renk varyantı · garantili fallback. Kareler bu sayfada sentetik üretilir (gerçek asset Vitrin'den gelince data-src JSON'la birebir aynı çalışır).
websiteks viewer3d.js + loft app.js (KTX2/DRACO/IBL) + tikla-git (fly-to) damıtıldı. Aynı kararlı API; data.model.glb ya da modelSource hook'undan beslenir.
Bu blokta hiç manuel buton yok. Soket gerçek data/urunler/gardirop-01.json'u yükler ve kapak aç/kapat · renk swatch'leri · görünüm chip'leri'ni kendisi basar (yetenek-farkında). data-hotspots="true" ile anchor2d hotspot'ları belirir → tıkla = ilgili kareye sinematik dönüş (focusPart).
Soldaki kutunun ALT kenarındaki kontrol barı ve hotspot noktaları soketin kendi ürettiğidir (soket.css sınıfları). index.html'e bu soketi koymak = tam etkileşim, ek markup gerekmez.
Bu blokta modelSource hook YOK — yalnızca data.model.standIn:"gardirop". Soket, gerçek GLB gelene kadar prosedürel demonstrasyon modelini kendi kurar; data.model.glb dolunca öncelik glb>standIn olduğundan kod değişmeden gerçek ürüne yükselir. index.html canlı soketinin gördüğü yol budur.
Aynı veri index.html'de (gardirop-01.json · model.standIn) canlı çalışır. Oto-kontrol barı + canvas soketin kendi ürettiğidir.
Soketin kendi ürettiği oto-kontrol barındaki kapak düğmesi artık komut metni taşır (vitrin "Kapakları açın" kopyasıyla birebir). Kullanıcı tıklaması simüle edilir; durum + metin DOM'dan okunur. AR düğmesi yalnız model.usdz varsa belirir.
Aynı yol index.html canlı soketinde (model.standIn:"gardirop") çalışır. AR: ① usdz YOK → düğme yok · ② usdz VAR → düğme var (gizli ölçüm soketi).