分镜画布工作台(AI内容生产可视化编辑器)产品系统

我要开发同款
云谷全栈2026年11月11日
1阅读

技术信息

语言技术
postgres、Docker、Redis、Koa2
系统类型
Web
行业分类
音视频多媒体

作品详情

行业场景

AI 漫剧和短片团队做内容时,从脚本到分镜再到出图要跨三四个工具:编剧在文档里写分镜描述,画师在画布工具里摆镜头,出图又在另一个平台,改一次设定就要回滚同步好几个文件。我们做这套画布,是把分镜结构、镜头卡、角色和场景设定集中进一个可拖拽的无限画布,让编剧、画师、制片在同一张画布上协作,并且每次改动都能回溯到具体版本。

功能介绍

分四块。画布核心:无限画布、节点拖拽连线、缩放、分组、对齐吸附,一张画布铺上百张镜头卡不卡。镜头卡管理:每张卡带镜头编号、景别、机位、时长、对白、参考图,可批量复制排序。资产库:角色、场景、道具的定妆图和描述集中管理,镜头卡引用资产而不复制内容。版本与导出:项目整体快照、按快照回滚、导出分镜表和图片包。另有 AI 辅助:把一段文字扩成多个镜头卡,以及多供应商图像生成接口的统一调用。

项目实现

我负责整体架构和全部后端。NestJS + TypeScript,PostgreSQL 存项目与镜头数据,Drizzle 做 ORM;画布数据按图结构存,节点和边分表,一次操作只更新差异节点,避免整图重写;版本快照用 JSON 快照加差量索引,回滚按快照重放;AI 接口做了统一供应商适配层,屏蔽各家参数差异、带重试和降级;素材走对象存储直传,权限按项目成员做 RBAC。前端画布基于 tldraw 二次开发,拖拽缩放做了节流和虚拟渲染。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论