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,HandsInclude 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
.glbor.gltf3D 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