从文字到杰作，从静态到动态。Image Studio 是您的终极 AI 视觉创作套件，集图解、绘画、编辑和视频生成于一体。释放想象，创造非凡。

Image Studio 整合了 Google 最前沿的生成式 AI 模型，提供了一个功能丰富、流程顺畅的视觉内容创作平台。

• 图解百科 (Illustrated Wiki): 将复杂的概念或问题，通过 AI 自动生成一系列图文并茂的解说卡片，让知识更易于理解。
• 连环画本 (Comic Strip): 只需输入故事脚本，即可一键生成拥有统一艺术风格的多格连环画。更能进一步将静态画面转化为动态视频，并由 AI 智能生成电影般的转场效果。
• 无限画布 (Infinite Canvas): 打破画幅限制！上传一张图片作为起点，向任意方向拖拽，AI 将为您无缝地向外延展（Outpainting）画面，创造宏大的视觉场景。
• 以文生图 (Text-to-Image): 强大的文生图功能，内置“灵感词库”帮助您构建更专业、效果更惊艳的提示词，将想象力精准转化为高质量图像。
• 以图生图 (Image-to-Image):
  • 编辑创作: 上传图片并结合文本指令，对画面内容进行修改或二次创作。
  • 灵感启发: 上传一张参考图，借鉴其独特的艺术风格，生成一个全新主题的图像。
  • 局部重绘 (Inpainting): 在任意图片上涂抹蒙版，并用文字描述您想看到的内容，AI 将智能地重绘该区域。
• 图生视频 (Image-to-Video): 让静态图片动起来！上传图片，输入动态描述，选择运镜方式，即可生成一段生动的短视频。
• 历史记录 (History): 所有生成的内容都会被自动保存在本地，支持全文搜索、标签管理、收藏等功能，方便您随时回顾和继续创作。
• 数据导入导出 (Import/Export): 支持将所有创作数据导出为 JSON 文件，便于备份或在不同设备间同步。同样支持从 JSON 文件导入数据，实现跨设备无缝迁移。
• 一键部署 (Deploy): 点击上方部署按钮，即可快速部署到Vercel体验。

本应用深度集成了多种 Google Gemini 系列模型，各司其职，协同创作：

• 前端框架: React
• 语言: TypeScript
• 样式: Tailwind CSS
• AI 服务: Google Gemini API (@google/genai)
• 客户端视频处理: FFmpeg.wasm (用于视频拼接)
• 本地存储: IndexedDB (用于历史记录)

本项目是一个纯前端应用，可以直接在现代浏览器中运行。

您可以通过以下两种方式配置 Gemini API Key(最好是付费Key，谷歌云绑卡即可。免费Key会导致Imagen等模型暂时无法使用)：

1. 复制 .env.local 文件：

   cp .env.local.example .env.local

2. 在 .env.local 文件中设置您的 API Key：

   VITE_GEMINI_API_KEY=your_actual_api_key_here
   

1. 获取 Gemini API Key: 您需要一个 Google Gemini API Key 才能使用本应用。可以前往 Google AI Studio 免费获取。

2. 配置 API Key: 应用首次启动或在需要时，会弹出一个对话框，要求您输入 API Key。您的 Key 将被保存在浏览器的本地存储 (Local Storage) 中，仅用于您本地的请求，不会上传到任何服务器。

npm run dev

应用将在 http://localhost:5173 上运行。

为了方便用户备份创作数据或在不同设备间同步，Image Studio 提供了数据导入导出功能：

1. 导出数据：

   • 点击应用顶部导航栏的导入导出按钮（向下箭头图标）
   • 选择"导出数据"选项卡
   • 点击"生成导出数据"按钮
   • 点击"下载导出文件"保存 JSON 格式的备份文件

2. 导入数据：

   • 点击应用顶部导航栏的导入导出按钮（向下箭头图标）
   • 选择"导入数据"选项卡
   • 点击"选择导入文件"并选择之前导出的 JSON 文件
   • 确认导入操作（注意：导入将替换当前所有数据）

祝您创作愉快！