Spaces:
Sleeping
Sleeping
Commit History
-
feat: clean render mode + scene visibility + full export overhaul
GLB Studio DeployRENDER MODE (the main fix): When rendering/exporting, setIsRenderMode(true) is called FIRST. This hides ALL of these from the canvas: ❌ Grid ❌ Gizmo helper (axis widget) ❌ Selection rings around models ❌ TransformControls (gizmo arrows) ❌ Camera marker objects (box + lens + cone) ❌ Deselect plane ❌ OrbitControls ❌ Camera view HUD / brackets / crosshair Only renders: models + lighting + environment + floor + background Render mode exits automatically on cancel or completion. useStore.js: - isRenderMode: false (separate from isExporting so UI can check it) - showGrid / showGizmo / showCameraObjects / showContactShadows toggles - setIsRenderMode / setShowGrid / setShowGizmo etc. - renderWidth / renderHeight for future offscreen rendering Scene.jsx: - Floor: Grid and ContactShadows check !isRenderMode && showGrid - CameraMarkers: hidden when isRenderMode || !showCameraObjects - EditorGizmo: hidden when isRenderMode || !showGizmo - Deselect: hidden when isRenderMode - Orbi…ad2f294
-
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