StoryAI-3D-Director-Desk 开源：浏览器里搭 3D 场景摆机位，AI 视频告别抽卡式创作

在 AI 视频生成时，你想创作一个多人物对话的场景，角色A站在左边，角色B站在右边，镜头从全景慢慢推到特写。
在传统的提示词驱动模式下，你需要反复调整prompt，试错成本极高。
更要命的是，每次生成的结果可能都不一样——角色位置变了，镜头角度歪了，甚至人物姿势都完全不同。这种"抽卡式"的创作方式，让专业影视创作者苦不堪言。
当下，3D导演台功能，引发了行业的广泛关注。它将AI视频生成从"提示词→生成"的单向流程，重构为"空间建模→元素调度→镜头设置→生成"的分层架构。
而今天，我要给大家介绍的这个开源项目——StoryAI-3D-Director-Desk，正是一个可以让你在浏览器里自由搭建3D场景、调度角色和机位的轻量级导演工具。

项目介绍

StoryAI-3D-Director-Desk是一个基于 React、Vite、Three.js 和 React Three Fiber 构建的3D分镜导演台。

它的核心目标是让创作者能够在浏览器中快速搭建角色、机位、场景和全景背景，并快速记录镜头与截图结果。
它的设计理念非常清晰：让AI影视创作从"靠运气"变成"靠实力"，从"猜谜式"变成"导演式"。
这个开源项目属于轻量级工具，专注于分镜规划和场景摆位。它不需要复杂的安装过程，也不需要强大的GPU，只需一个现代浏览器就能运行。

核心亮点

1. 真正的"所见即所得"

传统AI视频创作最大的痛点就是"不可控"。你输入一段prompt，生成的结果完全取决于模型的理解。
而StoryAI-3D-Director-Desk提供了一个可视化的3D空间，你可以：
• 在3D场景中自由摆放角色位置
• 调整每个角色的姿势（内置20种不同姿势）
• 设置多个机位，从不同角度观察场景
• 通过导演视角和机位视角实时切换预览
这种"摆积木"式的创作方式，让你对最终画面有了完全的掌控权。

2. 丰富的内置资源

项目内置了8种不同的人物模型和20种人物姿势，涵盖了常见的影视创作场景。
你可以快速添加角色、群演、基础几何体和机位，无需从零开始建模。
更重要的是，它支持本地FBX/OBJ模型导入，你可以自定义自己的模型库。这意味着你可以导入自己的IP角色、场景道具，打造独一无二的视觉风格。

3. 强大的群众阵列功能

在影视创作中，群演调度是一个非常复杂的问题。
而StoryAI-3D-Director-Desk提供了"群众阵列"功能，让你可以一键生成大量群演。想放多少人就放多少人，轻松打造宏大的场景效果。

4. 全景图导入与背景调节

除了角色和场景，项目还支持全景图导入，你可以为场景设置逼真的360度背景。通过背景调节功能，你可以调整全景图的亮度、对比度等参数，让整个场景更加协调。

5. 完整的镜头管理系统

作为一个导演工具，镜头管理是核心功能之一。项目支持：
• 机位拍摄和截图记录
• 基础镜头管理
• 视口比例框和九宫格辅助构图
• 平移/旋转/缩放控制
这些功能让你可以像真正的导演一样，规划每一个镜头的构图和运动。

快速上手

方式一：直接克隆项目

git clone https://github.com/jiguang132/storyai-3d-director-desk.git
cd storyai-3d-director-desk
npm install
npm run dev

默认开发地址为：http://127.0.0.1:5173/
方式二：预览生产包

npm run build
npm run preview

默认预览地址为：http://127.0.0.1:4173/

常用操作指南

界面布局：
•顶部工具栏：切换导演视角与机位视角
•左侧面板：搜索、选择、分组查看场景对象，支持可见性/锁定/删除
•中央视口：摆放场景、切换变换模式、添加角色和机位、导入资源与截图
•右侧属性面板：根据当前选中对象自动切换为场景/角色/模型/摄像机编辑面板
快捷键：
•Ctrl/Cmd + C：复制当前选中对象
•Ctrl/Cmd + V：粘贴复制对象
•Ctrl/Cmd + Z：撤销最近一次操作
•Delete / Backspace：删除当前选中对象

写在最后

随着AI视频生成技术的不断发展，我们正站在一个新的起点上。
过去，AI视频创作是"提示词驱动"的黑盒模式；现在，以StoryAI-3D-Director-Desk为代表的工具正在将它转变为"可视化导演"的白盒模式。
如果你是一位 AI 影视创作者，或者对3D可视化创作感兴趣，尝试一下这个工具。
GitHub：https://github.com/jiguang132/storyai-3d-director-desk