Spaces:
Sleeping
Sleeping
Commit History
-
🎬 Deploy GLB Animation Studio v2 — full feature set
Verified signature0fffd55
-
feat: Cannon.js physics + AI controller + car/city models + UI polish
GLB Studio DeployPhysics Engine (PhysicsEngine.jsx + PhysicsPanel.jsx): - cannon-es world integrated directly in R3F useFrame loop - Auto-creates bounding-box body for every loaded GLB - Body types: Dynamic / Static / Kinematic per model - Per-model: mass, linear damping, angular damping, friction, restitution - Gravity presets: Earth / Moon / Mars / Zero-G - Action buttons: Launch (impulse up), Push (side), Stop velocity - Ground plane auto-added so models land and rest - Physics ticks at fixed 60hz with delta accumulator AI Controller (AIController.jsx): - OpenRouter stepfun/step-3.5-flash:free (free tier) - Full scene context injected into every prompt (models, transforms, keyframes) - 12 action types the AI can execute: add_keyframe, animate_sequence, set_transform, set_playing, set_frame, set_animation, set_physics, apply_impulse, set_lighting, add_model, remove_model, select_model - Multi-turn conversation with reasoning preserved - 6 quick-prompt buttons for common tasks - Thinking indica…a0e74d4
-
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