Started at: 4:40 PM
Prompt
v0.dev Prompt: 3D-Aware Real-Time Camera Overlay Tool
Design a clean, downloadable interface for a desktop application that applies modular 3D overlays to a user’s live camera feed.
The app should emulate a 3D “dressing system” where virtual objects (like hats, glasses, shoulder pets) are anchored to the user’s body or face using real-time camera input.
🎥 Interface Requirements:
Show a live webcam preview
Include a panel labeled “Anchor Points” with common tags:
Head
,Eyes
,Shoulders
,Hands
Include a panel labeled “Available Objects”
Users can select 3D items (e.g., hats, glasses, horns, etc.)
Users can drag and drop objects onto anchor points
🧠System Logic (Describe in comments or code comments):
Use MediaPipe or similar for real-time 3D pose estimation and landmark detection (face, hands, torso)
Treat the video input as a flattened 3D avatar — attach virtual objects using coordinate anchors
Objects should:
Stay attached and aligned as the user moves
Respect depth occlusion: e.g., hat brim should render behind head when turned
🖼️ Visual Layout:
Clean, modular UI
One main window:
Left: Live camera feed with overlays
Right: Sidebar with object selection and anchor definitions
Top or bottom bar: Save/load custom looks, reset
🧩 Bonus Details:
Allow local import of
.glb
or.gltf
3D objects into the object libraryPrepare for virtual camera output via OBS or plugin system (no need to implement now)
This prompt will get you:
-
A UI scaffold for attaching objects to anchor points
-
A modular design to expand into true 3D object syncing
-
A clean starting point for integrating MediaPipe or your preferred pose tracking
Comments