<<<<<<< HEAD ======= >>>>>>> 291234f7f509cc590c238dd72f02f4c1b938533e
4 3
COMPUTER VISION BROWSER CV

TRY IT ON
BEFORE YOU BUY

Lihat langsung bagaimana merchandise WOLVY cocok di kamu! Coba fitur Virtual Try-On dan temukan gaya terbaikmu sebelum checkout.

📷
Live Preview
Lihat langsung di wajahmu secara real-time
👕
Multiple Merch Options
Coba berbagai produk dalam satu tempat
⭐
Save & Share Your Look
Simpan hasilnya dan bagikan ke teman-temanmu
<<<<<<< HEAD ======= >>>>>>> 291234f7f509cc590c238dd72f02f4c1b938533e
<<<<<<< HEAD
Live Preview
Try-On Model Preview
Overlay Garment
🔒 Foto diproses dengan aman di browser =======
Live AR: Model Demo
🤖 AR POSE: BODY LOCKED
🔒 MediaPipe Pose AI · Diproses langsung di browser secara lokal >>>>>>> 291234f7f509cc590c238dd72f02f4c1b938533e
<<<<<<< HEAD
=======
>>>>>>> 291234f7f509cc590c238dd72f02f4c1b938533e
<<<<<<< HEAD
=======
>>>>>>> 291234f7f509cc590c238dd72f02f4c1b938533e
✓
Varsity Jacket

Varsity Jacket Purple

Rp 399.000
<<<<<<< HEAD
=======
>>>>>>> 291234f7f509cc590c238dd72f02f4c1b938533e Hoodie Wolf

Hoodie Wolf Black

Rp 299.000
<<<<<<< HEAD
=======
Geser Posisi Vertikal Baju: 0 px
Skala Lebar Ekstra: 1.0x
<<<<<<< HEAD
📷
Belum ada kamera?

Kamu juga bisa mengunggah foto untuk mencoba.

=======
📷
Coba di Badanmu Sendiri:

Nyalakan webcam untuk filter live atau unggah fotomu.

>>>>>>> 291234f7f509cc590c238dd72f02f4c1b938533e

How It Works?

Gampang banget! Cukup 3 langkah untuk lihat look kamu dengan merch favorit.

1
Pilih Produk Pilih merchandise yang ingin kamu coba.
→
2
Aktifkan Kamera Izinkan akses kamera dan lihat hasilnya secara real-time.
→
3
Lihat, Simpan & Bagikan Screenshot atau simpan look kamu dan bagikan ke teman!

Try Different Looks, Find Your Vibe

Dari gaya santai sampai ke kampus yang lebih formal, semuanya bisa kamu coba di sini!

Campus Campus Look

Varsity Jacket Purple

Campus Look
Casual Casual Look

Hoodie Wolf Logo

Daily Look
Streetwear Streetwear Look

T-Shirt Classic

Streetwear Look

📸 Look Tersimpan

Lihat semua →
Saved
Saved
Saved
Lihat Koleksi
<<<<<<< HEAD
=======
📸

AR Look Berhasil Diambil!

Captured Look
✨ Fitur Filter AR WOLVY: Pakaian terpasang otomatis mengikuti orientasi tubuh dan lebar bahumu secara presisi.
📥 Unduh Foto AR (Instagram Story)
>>>>>>> 291234f7f509cc590c238dd72f02f4c1b938533e ======= // Auto-select first item in new category if (items[0]) { selectMerchItem(items[0].name, items[0].id, items[0].type, items[0].baseRatio, items[0].img); } // Re-bind click bindSliderItems(); }); }); function selectMerchItem(name, id, type, ratio, imgSrc) { activeMerch.name = name; activeMerch.id = Number(id) || 1; activeMerch.type = type; activeMerch.baseRatio = Number(ratio) || 1.0; activeMerch.imgElement = new Image(); activeMerch.imgElement.src = imgSrc; showToast(`Filter berganti ke: ${name}`, '✨'); } function bindSliderItems() { sliderContainer.querySelectorAll('.slider-item').forEach(item => { item.addEventListener('click', () => { sliderContainer.querySelectorAll('.slider-item').forEach(i => { i.classList.remove('active'); const ch = i.querySelector('.slider-item-check'); if (ch) ch.remove(); }); item.classList.add('active'); item.insertAdjacentHTML('afterbegin', '
✓
'); const name = item.getAttribute('data-name'); const id = item.getAttribute('data-id'); const type = item.getAttribute('data-type') || 'jacket'; const ratio = item.getAttribute('data-ratio') || '1.0'; const img = item.getAttribute('data-img'); selectMerchItem(name, id, type, ratio, img); }); }); } bindSliderItems(); // Panel Tab Switcher document.querySelectorAll('.panel-tab').forEach(tab => { tab.addEventListener('click', () => { document.querySelectorAll('.panel-tab').forEach(t => t.classList.remove('active')); tab.classList.add('active'); const which = tab.getAttribute('data-tab'); if (which === 'adjust') { const tuneEl = document.getElementById('toggleSkeleton'); if (tuneEl) tuneEl.scrollIntoView({ behavior: 'smooth', block: 'center' }); showToast('Panel AR Fitting aktif! Kamu bisa atur posisi & skala baju.', '⚙️'); } else { const catEl = document.querySelector('.merch-type-selector'); if (catEl) catEl.scrollIntoView({ behavior: 'smooth', block: 'center' }); showToast('Pilih merchandise kampus yang ingin dicoba.', '🧥'); } }); }); // ==================== SHUTTER CAPTURE & SNAPSHOT MODAL ==================== function takeSnapshot() { // Trigger white flash animation shutterFlash.style.opacity = '0.9'; setTimeout(() => { shutterFlash.style.opacity = '0'; }, 160); // Capture high-res snapshot from canvas const dataURL = canvas.toDataURL('image/jpeg', 0.95); snapshotPreviewImg.src = dataURL; btnDownloadSnapshot.href = dataURL; btnDownloadSnapshot.setAttribute('download', `wolvy-look-${Date.now()}.jpg`); // Automatically persist into Saved Looks (PRD FR-14) if (window.wolvyStore && window.wolvyStore.db.savedLooks) { window.wolvyStore.db.savedLooks.unshift({ id: Date.now(), title: activeMerch.name + ' Look', date: 'Hari ini', image: dataURL, tag: 'Virtual Try-On AR' }); window.wolvyStore.save(); } // Open modal snapshotModal.classList.add('active'); showToast('Foto AR berhasil diambil dan disimpan ke profil!', '📸'); } document.getElementById('btnCamCapture').addEventListener('click', takeSnapshot); document.getElementById('btnCamSave').addEventListener('click', () => { takeSnapshot(); }); btnCloseSnapshot.addEventListener('click', () => { snapshotModal.classList.remove('active'); }); snapshotModal.addEventListener('click', (e) => { if (e.target === snapshotModal) { snapshotModal.classList.remove('active'); } }); btnSaveSnapshot.addEventListener('click', () => { showToast('Look tersimpan di profil "Saved Looks" kamu! (PRD FR-14)', '⭐'); snapshotModal.classList.remove('active'); }); btnBuySnapshot.addEventListener('click', () => { const prod = window.wolvyStore ? (window.wolvyStore.getProductById(activeMerch.id) || window.wolvyStore.getProductById(1)) : null; const activeSize = document.querySelector('.size-chip.active')?.textContent.trim() || 'M'; if (prod && window.wolvyStore) { window.wolvyStore.addToCart(prod, activeSize, "Purple", 1); document.getElementById('cartBadge').textContent = window.wolvyStore.getCartCount(); showToast(`🛒 ${prod.name} (${activeSize}) ditambahkan! Menuju checkout...`); setTimeout(() => { window.location.href = 'checkout.html'; }, 600); } }); // Add to Cart button in side panel document.getElementById('btnTryonAddToCart').addEventListener('click', () => { const prod = window.wolvyStore ? (window.wolvyStore.getProductById(activeMerch.id) || window.wolvyStore.getProductById(1)) : null; const activeSize = document.querySelector('.size-chip.active')?.textContent.trim() || 'M'; if (prod && window.wolvyStore) { window.wolvyStore.addToCart(prod, activeSize, "Purple", 1); document.getElementById('cartBadge').textContent = window.wolvyStore.getCartCount(); showToast(`🛒 ${prod.name} (${activeSize}) berhasil ditambahkan ke keranjang belanja!`); } }); }); >>>>>>> 291234f7f509cc590c238dd72f02f4c1b938533e