Files
slide/decks/gen2D/slides.md
T

6.5 KiB
Raw Blame History

theme, title, author, transition, mdc, drawings
theme title author transition mdc drawings
frankfurt gen2D - AI 驱动的 2D 游戏素材生成 栈无不胜 slide-left true
persist
false

gen2D

AI 驱动的 2D 游戏素材生成工具

文本描述 + 风格参数 → 风格一致、管线友好的游戏素材
团队:栈无不胜  |  赛道:七牛云 XEngineer 暑期实训营

痛点:2D 游戏素材制作

🎨 美术成本高

  • 像素画 / 手绘需专业美术人员
  • 独立开发者难以负担外包费用
  • 迭代周期长,试错成本高

🔧 管线适配难

  • 生成素材尺寸 / 格式不统一
  • 精灵表需手动拆分与对齐
  • 风格一致性难以保证
核心诉求:低门槛、风格一致、管线友好

gen2D 的解决方案

输入 处理 输出
文本描述 + 风格参数 多智能体协作管线 Sprite、背景、UI 元素、动画帧
  • 自然语言驱动 — 用文字描述你想要的素材,AI 自动生成
  • 风格一致性 — 工程级风格预设,保证同一项目素材风格统一
  • 管线友好 — 标准尺寸、格式适配 Unity / Godot 等主流引擎
  • 质量可控 — 自动质检 + 重试机制,不合格素材自动优化

layout: section

产品演示


layout: default

核心生成管线

基于 Eino compose.Graph 的四阶段智能体协作管线

graph LR
    A[用户输入] --> B[PromptOptimizer<br/>提示词优化]
    B --> C[AssetGenerator<br/>素材生成]
    C --> D{QualitySupervisor<br/>质检}
    D -->|通过| E[FormatAdapter<br/>格式适配]
    D -->|不通过| B
    E --> F[输出素材]
    D -->|重试 ≥ 3| E
  • PromptOptimizer — 合并工程风格 + 任务风格覆盖,生成三段式规范提示词
  • AssetGenerator — 调用文生图 API 生成素材
  • QualitySupervisor — 自动质检,不合格触发重优化(最多 3 次)
  • FormatAdapter — 组装输出素材与元数据,降级兜底

layout: two-cols

风格系统

两层风格架构,保证一致性与灵活性

工程风格(Project Style)

  • 工程级别的风格配置
  • 保证同一工程下所有素材风格一致

任务风格覆盖(Task Override)

  • 单次生成任务的风格差异
  • 仅覆盖需要变化的键
合并逻辑:finalStyle = merge(project, task)

::right::

预设风格键

分类 示例
美术风格 pixel, cartoon, vector
色调 warm, cool, vibrant
线条 thin, medium, thick
场景 forest, dungeon, city
光照 bright, dramatic, neon
情绪 cheerful, dark, epic

layout: section

技术架构


layout: two-cols

系统架构

┌─────────────────────────────┐
│   Frontend (React + Vite)    │
│   画廊 / 工作台 / 结果预览    │
└──────────────┬──────────────┘
               │ HTTP / WS
┌──────────────▼──────────────┐
│   Backend (Go + Gin + Eino) │
│   ┌───────────────────────┐ │
│   │  Eino Graph Pipeline  │ │
│   │  4-Stage Agent Flow   │ │
│   └───────────────────────┘ │
│   ┌────┐ ┌─────┐ ┌──────┐  │
│   │ DB │ │ Kodo│ │ LLM  │  │
│   └────┘ └─────┘ └──────┘  │
└─────────────────────────────┘

::right::

技术栈

层 技术
后端 Go + Gin + Eino
ORM GORM + SQLite
认证 JWT + bcrypt
存储 七牛云 Kodo
前端 React + TypeScript
状态 Zustand
构建 Vite 6
部署 Docker Compose

核心亮点

  • 多智能体协作管线 — Eino compose.Graph 编排四阶段智能体,支持质检重试与降级输出
  • 提示词优化 Agent — Eino Chain 驱动,支持任意 OpenAI 兼容 API,无 key 自动回退模板
  • 实时进度推送 — WebSocket 推送管线各阶段状态、进度与质检重试信息
  • 请求去重 — 相同 prompt + 参数的并发请求自动合并,返回已有 taskId
  • 异步任务模型 — goroutine 并发控制,支持失败重试(最多 3 次)与降级输出
  • 一键部署 — Docker Compose 双容器架构 + deploy.sh 脚本

layout: default

技术栈一览

后端

  • Go 1.26 + Gin
  • Eino 管线编排
  • GORM + SQLite
  • JWT 认证
  • 七牛云 Kodo

前端

  • React 18 + TS
  • Vite 6
  • Zustand 状态管理
  • react-router v7
  • CSS Modules 主题

基础设施

  • Docker 多阶段构建
  • nginx 反向代理
  • Gitee CI/CD
  • SQLite 嵌入式 DB
  • 暗色主题支持

路线图

✅ 已完成

  • 提示词优化 Agent(Eino Chain)
  • 多智能体生成管线(Eino Graph)
  • 工程风格系统 + 任务级覆盖
  • 用户认证(JWT + bcrypt)
  • 异步任务 + 实时进度推送
  • 素材帧预览、GIF 动画与导出
  • 自定义标签系统

🔲 规划中

  • WebSocket 实时进度推送
  • 批量生成与队列调度
  • 文生图多模型适配
  • 素材版本管理与历史记录
  • 分布式令牌桶限流
  • 自定义协程池
  • RabbitMQ 消息队列

layout: center class: text-center

感谢聆听

gen2D — 让 2D 游戏素材创作更简单
🔗 在线体验:http://47.121.181.112:10000
栈无不胜 · 七牛云 XEngineer 暑期实训营