AR Virtual Try-On v5

🧍‍♂️

Upload desain sablon (PNG transparan), berdiri di depan kamera, dan lihat baju virtual menempel pada tubuh secara real-time.

BlazePose Segmentation Homography Mesh Warp HSV Calib Occlusion

👕 Try-On

🔬 Teknik

Upload Desain Sablon

📁

Klik atau drag & drop

PNG transparan • Multiple files

Penyesuaian Visual

Opacity85%

Skala100%

Offset Y (vertikal)0

🧬 Pipeline Computer Vision

01BlazePose

Deteksi 33 keypoint tubuh. Basis dari seluruh pipeline.

MediaPipe BlazePose · modelComplexity=1

02Body Segmentation

Memisahkan siluet tubuh dari background untuk occlusion handling.

MediaPipe Selfie Segmentation

03Distance Estimation

Estimasi jarak user ke kamera (UX feedback). D = (H_real × f) / H_pixel

Pinhole Camera Model · FOV ≈ 60°

04Homography 4-Point

Perspective warping 4-titik via Direct Linear Transform (DLT).

Gaussian Elimination · 8×8 System

05Non-Rigid Mesh Warp

Deformasi non-rigid dengan grid mesh + control point Gaussian RBF (TPS-inspired).

Radial Basis Function · σ=8

06HSV Color Calibration

Adaptasi brightness desain ke pencahayaan scene (Y = 0.299R+0.587G+0.114B).

Rec.601 Luminance Sampling

07Occlusion Clipping

Overlay desain di-clip ke siluet tubuh untuk mencegah "bocor" ke background.

destination-in Composite

🐛 Debug Visualization

Skeleton

Tampilkan koneksi keypoint

Keypoints

Tampilkan titik landmark

Mesh Grid

Visualisasi grid homography/mesh warp

Segmentation Mask

Tampilkan mask tubuh (hijau)

⚡ Performance

FPS—

Frame time— ms

Active techniques—

Resolution—

Camera—