Spaces:
Sleeping
Sleeping
Commit History
-
🎬 Deploy GLB Animation Studio v2 — full feature set
Verified signature0fffd55
-
feat: complete camera system overhaul
GLB Studio DeployScene.jsx: - Multi-camera objects rendered in scene (box + lens + FOV cone) - CameraSync component: reads activeCameraId+inCameraView, drives R3F camera - FlyCameraControls: WASD+drag FPS fly inside useFrame (actually works) - OrbitControls auto-disabled when inCameraView=true - CameraHUD overlay: corner brackets, label, crosshair, controls hint - Camera objects clickable to select them in scene CameraMode.jsx (full rebuild): - Add/rename (double-click)/delete cameras - Per-camera cards: position, target, FOV slider + presets, near/far - Enter Camera View / Exit Camera View button per card - Active camera highlighted with glow border - Camera keyframes per camera (stored as __cam_<id>__ in keyframes) - Capture PNG / Record WebM from camera POV - Status bar when in camera view mode - Tips section Timeline.jsx: - Camera keyframe tracks shown as 🎥 layers - Camera labels in left label column - Camera tracks use blue color (#4f8eff) - Only shown when camera has at least 1 keyframe useSt…5b9b5c7
-
redesign: complete modern UI overhaul + new features
GLB Studio DeployDesign System: - Full CSS variables design system (bg0-bg4, accent, text0-3, radius, shadows) - Inter (UI) + JetBrains Mono (numbers/code) + Syne (brand) font stack - Consistent border, hover, focus, transition styles everywhere - All global range/input/scrollbar styling in index.css Layout: - Blender-style icon rail (48px) on right edge with slide-out panel (260px) - Panel animates open/close with smooth width transition - Panel header with title + close button - Mobile: slide-up drawer (55% height) with tab bar at bottom - Canvas always fills 100% of remaining viewport Toolbar: - Compact, clean — brand / transform tools / transport / lighting / keyframe shortcut - Active states with accent color background + border - Styled play button with glow shadow - Frame counter with monospace font in bg3 chip ModelsPanel: - Large drag-and-drop zone with pulse animation on hover - Grid layout for demo model buttons - Model list with color dots, anim count badges, hover states - Inline visibi…fd8bcfa
-
🎬 Initial release: GLB Animation Studio
GLB Studio DeployComplete 3D animation studio for Hugging Face Spaces Features: - GLB/GLTF model loading (URL, file upload, demo models) - Three.js scene with shadows, lighting presets (studio/outdoor/dramatic/neon) - Transform controls: Move / Rotate / Scale with axis gizmos - Built-in GLB animation playback with speed control - Keyframe animation system with linear interpolation - 300-frame timeline editor with draggable keyframe dots - Video export via MediaRecorder API (WebM download) - Mobile-optimised UI (touch orbit, pinch zoom, bottom drawer) - Zustand state management Docker deployment: - Multi-stage Dockerfile (Node 20 builder → nginx 1.25 runner) - nginx on port 7860 (HF Spaces requirement) - Non-root user uid 1000 (HF Spaces requirement) - COEP/COOP headers for SharedArrayBuffer support - docker-compose for local prod + dev hot-reload Tech stack: React 18, Vite, Three.js, R3F, @react-three/drei, Zustandcad548d