Storyai 3D Director Desk (3D导演台)

核心功能与产品特点

StoryAI 3D Director Desk 是一款基于 Web 浏览器的 3D 可视化分镜和预演编辑工具。它主要依靠用户手动在画布中摆放与调整，降低了传统 3D 软件的使用门槛：

• 交互式场景摆放（Blocking）： 支持在 3D 视口中手动拖拽添加角色、道具与场景模型，灵活调整变换（平移、旋转、缩放）。
• 双视角切换： 提供“导演视角”（全局编辑与掌控）与“机位视角”（模拟镜头实际画面）的实时切换。
• 角色与姿势控制： 内置角色渲染及骨骼姿势应用，允许对角色的动作和形态进行细节调整。
• 轻量化导入与出图： 支持导入本地 3D 模型与 HDR 全景背景，并能快捷生成镜头截图和导出/导入工程文件。

开发团队与应用场景

• 开发团队： 由 GitHub 开发者 jiguang132 开发并开源，定位为一个基于纯前端技术的 3D 导演台演示 Demo。
• 应用场景：
• 影视分镜绘制（Storyboard）： 导演或编剧快速拉机位、摆造型，直观推演镜头画幅和视角。
• 拍摄前预演（Previs）： 拍摄团队在浏览器中搭建简易场景，进行低成本的机位路线与人员构图模拟。
• 独立动画/游戏原型： 创作者无需安装大型专业软件即可快速摆放 3D 构图与视觉草图。

底层技术

这是一个典型的现代化 Web 3D 前端项目，未依赖后端 AI 接口，全由客户端实时渲染：

• 3D 渲染框架： 基于 Three.js、React Three Fiber (@react-three/fiber) 和 Drei 搭建浏览器端 3D 画布。
• 前端核心架构： 使用 React 18 + TypeScript 开发，并由 Vite 提供极速构建体验。
• 状态与交互控制： 使用 Zustand 进行轻量化的编辑状态管理（支持撤销/重做、剪贴板等操作），配合 camera-controls 控制相机移动。