jiguang132/storyai-3d-director-desk — explained in plain English
Analysis updated 2026-05-18
Plan camera angles and shot composition for a film or animation before filming.
Block out a scene with characters, cameras, and props in 3D.
Import custom 3D models and panoramic backgrounds to build a scene.
Save a project locally and export it as a JSON file to reuse later.
| jiguang132/storyai-3d-director-desk | shadcnspace/shadcnspace | bklit/bklit-ui | |
|---|---|---|---|
| Stars | 533 | 528 | 539 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | easy | easy | easy |
| Complexity | 2/5 | 2/5 | 2/5 |
| Audience | designer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
8 of 312 automated tests currently fail, mostly around the model library panel and pose presets.
This project is a browser-based 3D director desk, a tool for planning film or video shots before actually filming or animating them. It runs entirely in a web browser and lets someone set up characters, cameras, scenery, and background panoramas in a 3D scene to quickly plan camera angles and take screenshots of the results. The README, written in Chinese, describes it as suited for lightweight previsualization, shot planning, and scene blocking rather than as a full production tool. Inside the editor, a person can switch between a director's overview view and individual camera views. It comes with eight built in character models and twenty different poses, and supports adding crowds of characters, basic shapes, and cameras quickly. Users can also import their own FBX or OBJ 3D model files and build a custom model library, along with importing panoramic images for backgrounds. The tool includes camera capture and screenshot recording, basic shot management, a viewport frame with aspect ratio guides and a grid overlay, and standard pan, rotate, and zoom controls. The interface has a left panel for searching and organizing scene objects with visibility, locking, and deletion controls, a central 3D viewport for arranging the scene, and a right panel that automatically shows editing options for whatever is currently selected, whether that is the scene, a character, a model, or a camera. Scenes and imported models are saved locally in the browser, and full projects can be exported to a JSON file and reimported later. It is built with React, Vite, TypeScript, and Three.js through the React Three Fiber library, uses Zustand for state management, and is released under the MIT license.
A browser-based 3D tool for planning camera shots and blocking scenes with characters, cameras, and panoramic backgrounds before filming or animating.
Mainly TypeScript. The stack also includes React, Vite, TypeScript.
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly designer.
This repo across BitVibe Labs
double-check against the repo, no cap.