Skip to content

qianiqan2000/AIComicBuilder

 
 

Repository files navigation

AI Comic Builder

AI 驱动的漫剧生成器 — 从剧本到动画视频的全自动流水线。

添加飞书群:

飞书群

本网站全程由 AI 驱动开发, 开发指南:https://github.com/twwch/vibe-coding

功能特性

  • 剧本创作 — 手动编写或 AI 辅助生成剧本
  • 角色提取 — AI 自动从剧本中提取角色并生成详细视觉描述
  • 角色三视图 — 为每个角色生成参考图,确保后续帧画面一致性
  • 智能分镜 — AI 将剧本拆解为专业镜头列表(含构图、灯光、运镜指令)
  • 首尾帧生成 — 为每个镜头生成起始帧和结束帧关键画面
  • 视频生成 — 基于首尾帧插值生成动画视频片段
  • 视频合成 — 将所有片段拼接为完整动画,支持字幕烧录
  • 资源下载 — 支持最终视频下载及全部素材打包下载
  • 多语言 — 中文 / English / 日本語 / 한국어
  • 多模型 — 支持 OpenAI、Gemini、Seedance 等多家 AI 供应商,可按项目配置

技术栈

层级 技术
框架 Next.js 16 (App Router)
前端 React 19, Tailwind CSS 4, Zustand, Base UI
国际化 next-intl
数据库 SQLite + Drizzle ORM
AI 文本 OpenAI / Gemini (via AI SDK)
AI 图像 OpenAI DALL-E / Gemini Imagen
AI 视频 Seedance (Volcengine Ark)
视频处理 FFmpeg (fluent-ffmpeg)
包管理 pnpm

快速开始

环境要求

  • Node.js 18+
  • pnpm
  • FFmpeg(视频合成功能需要)

安装

pnpm install

初始化数据库

pnpm drizzle-kit push

启动

pnpm dev

访问 http://localhost:3000

Docker 部署

快速启动

docker run -d \
  --name ai-comic-builder \
  -p 3000:3000 \
  -v ./data:/app/data \
  -v ./uploads:/app/uploads \
  --platform linux/amd64 \
  twwch/aicomicbuilder:latest

启动后在设置页面中配置 AI 模型供应商(OpenAI / Gemini / Seedance)。

Docker Compose

创建 docker-compose.yml

services:
  ai-comic-builder:
    image: twwch/aicomicbuilder:latest
    ports:
      - "3000:3000"
    volumes:
      - ./data:/app/data
      - ./uploads:/app/uploads
    restart: unless-stopped
docker compose up -d

数据持久化

通过 volume 挂载保持数据:

  • ./data — SQLite 数据库文件
  • ./uploads — 上传的文件及生成的资源(图片、视频等)

手动构建镜像

git clone https://github.com/twwch/AIComicBuilder.git
cd AIComicBuilder
docker build -t ai-comic-builder .

生成流水线

剧本输入 → 剧本解析 → 角色提取 → 角色三视图
                                      ↓
                                   智能分镜
                                      ↓
                              首尾帧生成(逐镜头)
                                      ↓
                              视频生成(逐镜头)
                                      ↓
                                 视频合成 + 字幕

每个阶段支持单独触发或批量生成,用户可完全控制流水线节奏。

项目结构

src/
├── app/
│   ├── [locale]/                # i18n 路由
│   │   ├── (dashboard)/         # 项目列表
│   │   ├── project/[id]/        # 项目编辑器
│   │   │   ├── script/          # 剧本编辑
│   │   │   ├── characters/      # 角色管理
│   │   │   ├── storyboard/      # 分镜面板
│   │   │   └── preview/         # 预览 & 合成
│   │   └── settings/            # 模型配置
│   └── api/                     # API 路由
├── components/
│   ├── ui/                      # 基础 UI 组件
│   ├── editor/                  # 编辑器组件
│   └── settings/                # 设置组件
├── lib/
│   ├── ai/                      # AI 供应商 & Prompt
│   ├── pipeline/                # 生成流水线
│   ├── db/                      # 数据库 Schema
│   └── video/                   # FFmpeg 处理
└── stores/                      # Zustand 状态管理

数据模型

  • Project — 项目(剧本、状态)
  • Character — 角色(名称、描述、参考图)
  • Shot — 镜头(序号、提示词、时长、首尾帧、视频)
  • Dialogue — 对白(角色、文本、音频)
  • Task — 后台任务队列

界面截图

项目列表 剧本生成
项目列表 剧本生成
角色解析 分镜
角色解析 分镜
预览 模型配置
预览 模型配置

Demo

https://www.bilibili.com/video/BV19rwVzUEeD/

https://www.bilibili.com/video/BV1RrwVzUE3x/

https://www.bilibili.com/video/BV15rwVzSEKZ/

License

Apache License 2.0

About

AI-powered animated comic generator — transform scripts into fully animated videos with AI-driven character design, storyboarding, and video synthesis.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 94.8%
  • Python 2.7%
  • CSS 2.0%
  • Other 0.5%