[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-83025":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":15,"starSnapshotCount":15,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},83025,"infiplot","zonghaoyuan\u002Finfiplot","zonghaoyuan","InfiPlot is the world's first interactive plot game that AI generates all text and images in real-time. InfiPlot是全球首个由 AI 实时生成全部图文内容的交互式剧情游戏","https:\u002F\u002Finfiplot.com",null,"TypeScript",243,36,89,0,1,53,135,22,4.7,"GNU Affero General Public License v3.0",false,"main",true,[],"2026-06-12 02:04:30","\u003Cdiv align=\"center\">\n\n\u003Cimg src=\"docs\u002Fbanner.svg\" alt=\"InfiPlot\" width=\"100%\">\n\n\u003Cp>\u003Cb>为你实时生成的互动剧情游戏\u003C\u002Fb>\u003C\u002Fp>\n\n[![Stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fzonghaoyuan\u002Finfiplot?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fzonghaoyuan\u002Finfiplot\u002Fstargazers)\n[![Watchers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fwatchers\u002Fzonghaoyuan\u002Finfiplot?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fzonghaoyuan\u002Finfiplot\u002Fwatchers)\n[![Forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fzonghaoyuan\u002Finfiplot?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fzonghaoyuan\u002Finfiplot\u002Fnetwork)\n[![Issues](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues\u002Fzonghaoyuan\u002Finfiplot?style=flat-square)](https:\u002F\u002Fgithub.com\u002Fzonghaoyuan\u002Finfiplot\u002Fissues)\n\n[![Live Demo](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLive_Demo-D97A2E?style=flat-square&logo=vercel&logoColor=white)](https:\u002F\u002Finfiplot.com)\n[![License](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fzonghaoyuan\u002Finfiplot?style=flat-square)](LICENSE)\n[![LINUX DO](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLINUX-DO-FFB003?style=flat-square&logo=data:image\u002Fsvg%2bxml;base64,DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiPjxwYXRoIGQ9Ik00Ni44Mi0uMDU1aDYuMjVxMjMuOTY5IDIuMDYyIDM4IDIxLjQyNmM1LjI1OCA3LjY3NiA4LjIxNSAxNi4xNTYgOC44NzUgMjUuNDV2Ni4yNXEtMi4wNjQgMjMuOTY4LTIxLjQzIDM4LTExLjUxMiA3Ljg4NS0yNS40NDUgOC44NzRoLTYuMjVxLTIzLjk3LTIuMDY0LTM4LjAwNC0yMS40M1EuOTcxIDY3LjA1Ni0uMDU0IDUzLjE4di02LjQ3M0MxLjM2MiAzMC43ODEgOC41MDMgMTguMTQ4IDIxLjM3IDguODE3IDI5LjA0NyAzLjU2MiAzNy41MjcuNjA0IDQ2LjgyMS0uMDU2IiBzdHlsZT0ic3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZWNlY2VjO2ZpbGwtb3BhY2l0eToxIi8+PHBhdGggZD0iTTQ3LjI2NiAyLjk1N3EyMi41My0uNjUgMzcuNzc3IDE1LjczOGE0OS43IDQ5LjcgMCAwIDEgNi44NjcgMTAuMTU3cS00MS45NjQuMjIyLTgzLjkzIDAgOS43NS0xOC42MTYgMzAuMDI0LTI0LjM4N2E2MSA2MSAwIDAgMSA5LjI2Mi0xLjUwOCIgc3R5bGU9InN0cm9rZTpub25lO2ZpbGwtcnVsZTpldmVub2RkO2ZpbGw6IzE5MTkxOTtmaWxsLW9wYWNpdHk6MSIvPjxwYXRoIGQ9Ik03Ljk4IDcwLjkyNmMyNy45NzctLjAzNSA1NS45NTQgMCA4My45My4xMTNRODMuNDI2IDg3LjQ3MyA2Ni4xMyA5NC4wODZxLTE4LjgxIDYuNTQ0LTM2LjgzMi0xLjg5OC0xNC4yMDMtNy4wOS0yMS4zMTctMjEuMjYyIiBzdHlsZT0ic3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZjlhZjAwO2ZpbGwtb3BhY2l0eToxIi8+PC9zdmc+)](https:\u002F\u002Flinux.do)\n\n[English](README.en.md) · 简体中文 · [日本語](README.ja.md)\n\n\u003C\u002Fdiv>\n\n---\n\n## ⚡ 概览\n\nInfiPlot是一款AI实时生成内容的互动剧情游戏，这里没有预设好的剧情、角色，所有内容都根据你的需求定制化的生成。\n\n用一句话说，我们要做的是一款用AI实时生成内容的《完蛋！我被美女包围了！》\n\n无论你是六岁的小朋友，20岁的年轻人，35岁的青年还是60岁的长者，都能在这里满足独属于你的幻想：\n\n穿越到哈利波特世界学习魔法、成为学校里所有异性青睐和表达爱意的对象、顶刊顶会发不停科研经费拿到手软、穿越到甄嬛传体验宫廷斗争、或者重返年轻为遗憾的事情重新做选择......\n\n---\n\n## 🌐 在线体验\n\n免费在线试玩，无需本地部署：[infiplot.com](https:\u002F\u002Finfiplot.com)\n\n---\n\n## 一键部署\n\nInfiPlot 同时支持部署到 Vercel 与 Cloudflare Workers。Cloudflare 部署因场景流水线需要更长 CPU 时间，需要 Workers Paid Plan；个人使用推荐用 Vercel 一键部署。\n\n[![Deploy with Vercel](https:\u002F\u002Fvercel.com\u002Fbutton)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https:\u002F\u002Fgithub.com\u002Fzonghaoyuan\u002Finfiplot&env=TEXT_BASE_URL,TEXT_API_KEY,TEXT_MODEL,IMAGE_BASE_URL,IMAGE_API_KEY,IMAGE_MODEL,VISION_BASE_URL,VISION_API_KEY,VISION_MODEL,TTS_BASE_URL,TTS_API_KEY,TTS_SPEECH_MODEL,MOCK_IMAGE&envDescription=Three%20required%20providers%20%2B%20optional%20TTS.%20Any%20OpenAI-compatible%20endpoint%20works%20for%20text%2Fvision.%20TTS%20uses%20MiMo%27s%20own%20protocol.&envLink=https:\u002F\u002Fgithub.com\u002Fzonghaoyuan\u002Finfiplot%23%E9%85%8D%E7%BD%AE%E6%95%99%E7%A8%8B)   [![Deploy to Cloudflare](https:\u002F\u002Fdeploy.workers.cloudflare.com\u002Fbutton)](https:\u002F\u002Fdeploy.workers.cloudflare.com\u002F?url=https:\u002F\u002Fgithub.com\u002Fzonghaoyuan\u002Finfiplot)\n\n部署完成后，填好环境变量 —— 详见下方的[配置教程](#配置教程)。仓库根目录就是应用本身：Vercel 无需额外设置 root directory；在 Cloudflare 上把构建命令设为 `pnpm build:cf` 即可。\n\n---\n\n## 📸 游戏截图\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F1.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F1.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 1\">\u003C\u002Fa>\u003C\u002Ftd>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F2.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F2.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 2\">\u003C\u002Fa>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F3.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F3.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 3\">\u003C\u002Fa>\u003C\u002Ftd>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F4.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F4.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 4\">\u003C\u002Fa>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F5.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F5.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 5\">\u003C\u002Fa>\u003C\u002Ftd>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F6.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F6.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 6\">\u003C\u002Fa>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F7.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F7.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 7\">\u003C\u002Fa>\u003C\u002Ftd>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F8.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F8.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 8\">\u003C\u002Fa>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F9.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F9.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 9\">\u003C\u002Fa>\u003C\u002Ftd>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F10.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F10.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 10\">\u003C\u002Fa>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F11.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F11.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 11\">\u003C\u002Fa>\u003C\u002Ftd>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F12.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F12.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 12\">\u003C\u002Fa>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F13.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F13.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 13\">\u003C\u002Fa>\u003C\u002Ftd>\n    \u003Ctd>\u003Ca href=\"docs\u002Fscreenshots\u002F14.webp\">\u003Cimg src=\"docs\u002Fscreenshots\u002F14.webp\" width=\"420\" alt=\"InfiPlot 游戏截图 14\">\u003C\u002Fa>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n---\n\n## 工作原理\n\n基于文本、图像和音频模型，我们搭建了一个多智能体框架来实现InfiPlot的目标。我们把agent分为架构师、编剧、角色设计师、场景布置师和画家五个职能，让他们之间相互配合，在保证剧情连贯性、角色一致性、场景一致性的基础上，尽可能使得剧情足够富有吸引力。\n\n我们把每一次游玩的整体体验称为故事（story）。\n\n故事以一连串场景（scene）的形式展开。每个场景由一张 AI 绘制的背景图，加上一棵简短的节拍（beat）树组成 —— 也就是旁白、对话和偶尔出现的选项。你逐拍点过一个场景时，画面始终不变；只有当某个选项把你带到真正全新的地方 —— 换了空间、换了视角、跳跃了时间 —— AI 才会绘制下一幕场景。\n\n\u003Cdiv align=\"center\">\n  \u003Cimg src=\"docs\u002Fpipeline.zh.svg\" alt=\"InfiPlot 生成流水线流程图\" width=\"680\">\n\u003C\u002Fdiv>\n\n当你正在阅读一幕场景时，引擎会预测式地生成你的选项可能通向的那些场景 —— 对于无法回避的下一步，还会再往前生成一幕。等你真正选定方向时，那一幕的图通常已经画好了，于是切换瞬间完成、毫无停顿。如果你现在仍然感到有些延迟，别担心，我们正在努力优化它。\n\n直接点击背景本身（而非按钮）会走一个视觉（vision）模型：它读取你点击的位置，判断你是在探索当前场景（于是插入一个节拍 —— 不生成新图），还是要继续前进（生成一幕新场景）。这是基于我们从flipbook那里学到的宝贵认知，我们相信这个功能会在未来成为InfiPlot的关键功能，让你的游玩体验更上一层楼。\n\n未来，画面里将没有烤进任何传统的游戏 UI。AI 会用你选择的任意风格来描绘整个世界 —— 「方格纸上的火柴人」也好，「赛博朋克黑色电影」也罢 —— 而对话框和选项按钮，只是叠在画面之上、并为贴合场景而精心调校过的一层轻量 HTML。也就是说，每次游玩时，UI都会契合当前的故事，而不是一成不变。\n\n---\n\n## 团队与愿景\n\n我们是一群来自清华大学等高校的年轻人。\n\n一方面，我们本来就是galgame、乙女游戏、FMV、AI角色扮演游戏这类游戏的深度用户，在享受游戏体验的同时，也会想象如果能选择不被预设的剧情选项，或者和对话的AI角色深度互动而不只是通过聊天软件聊天，该是多么愉快刺激的体验。\n\n另一方面，我们恰好又对大模型技术有些了解，能用AI快速实现想法，对技术路线和基于已有技术的产品能力边界有一些浅薄的思考。\n\n契机发生在 2026 年 4 月 22 日，[@zan2434](https:\u002F\u002Fx.com\u002Fzan2434) 等人发布了 [flipbook](https:\u002F\u002Fflipbook.page\u002F)，我们对这种全新的交互形态感到震惊和欣喜。\n于是在 5 月的某一天，我们一拍即合，决定做一款这样的产品，既帮助大家满足那些曾经遗憾过的幻想，又能够探索多模态模型所带来的新的交互形态。\n\n目前我们的项目还很早期，有许多功能尚不完善，欢迎提交 [issues](https:\u002F\u002Fgithub.com\u002Fzonghaoyuan\u002Finfiplot\u002Fissues) 反馈问题，或者加入我们的开发团队一起探索新的可能性，满足你的好奇心。\n\n联系方式：hi@infiplot.com\n\n欢迎扫码加入 **InfiPlot 内测交流群**（QQ 群号 `575404333`），一起反馈体验、参与共建：\n\n\u003Cimg src=\"public\u002Fqq-group.webp\" alt=\"InfiPlot 内测交流群 QQ 二维码\" width=\"200\" \u002F>\n\n---\n\n## 配置教程\n\nInfiPlot 会与四类模型供应商通信。**文本（Text）和视觉（Vision）都使用 OpenAI 兼容的接口**，可以自由搭配。**图像（Image）**目前接入 **Runware**（其自有的 task-array 协议，并非 OpenAI 兼容）。**语音（TTS）**使用**小米 MiMo** 自有的音色设计\u002F克隆协议——支持角色级音色设计、克隆与逐行演绎指导。\n\n**1. 选择你的供应商**\n\n| 供应商 | 环境变量 | 是否必填 | 推荐 |\n|---|---|---|---|\n| Text · 剧情导演  | `TEXT_BASE_URL` `TEXT_API_KEY` `TEXT_MODEL`        | ✅ | DeepSeek 的 `deepseek-v4-flash` |\n| Image · 场景渲染  | `IMAGE_BASE_URL` `IMAGE_API_KEY` `IMAGE_MODEL`     | ✅ | [Runware](https:\u002F\u002Frunware.ai) 的 `runware:400@6`（FLUX.2 [klein] 9B KV） |\n| Vision · 点击解读  | `VISION_BASE_URL` `VISION_API_KEY` `VISION_MODEL`  | ✅ | Google 的 `gemini-3.5-flash` |\n| TTS · 角色配音 | `TTS_BASE_URL` `TTS_API_KEY` `TTS_SPEECH_MODEL` | 可选 —— 留空则静音运行 | 小米 MiMo 的 `mimo-v2.5-tts` |\n\n**2. 填写环境变量**\n\n九个变量为必填；TTS 可选（留空则静音运行）。此外还有一个用于低成本测试的开关：\n\n| 变量 | 作用 |\n|---|---|\n| `MOCK_IMAGE=true` | 跳过图像生成，渲染器返回一张静态占位图。剧情、语音、选项照常运行。非常适合在不消耗 Runware 额度的情况下调试 TTS。 |\n\n在哪里设置（确切字段见 `.env.example`）：\n\n- **本地开发** —— `.env.local`\n- **Vercel** —— Project Settings → Environment Variables\n- **Cloudflare Workers** —— 在仓库根目录下逐个执行 `wrangler secret put \u003CNAME>`，或在 dashboard 里设置（Workers → infiplot → Settings → Variables and Secrets）。如果要给 staging 加访问限制，可以在 Worker 前面挂一个 [Cloudflare Access](https:\u002F\u002Fdevelopers.cloudflare.com\u002Fcloudflare-one\u002Fapplications\u002F)（零代码，邮箱白名单）。\n\n**3. 注意成本**\n\n使用推荐的三件套时，每一幕场景的开销主要来自图像生成模型。FLUX.2 [klein] 9B KV 的图像大约 **$0.00078** 一张（1792×1024，4 步，亚秒级）；文本模型使用 `deepseek-v4-flash` 时，成本极低。逐拍点过一个场景是免费的。为了让切换瞬间完成，引擎还会预测式地生成那些你可能选、但最终可能没选的场景 —— 所以真实花费会比你实际看到的场景数略高一些。\n\n**4. 图片代理（可选）**\n\n默认浏览器直连图片供应商，无需任何配置 —— 留空 `NEXT_PUBLIC_IMAGE_PROXY_URL` 即可，完全不受影响。只有当你遇到图片「层层加载」（Chrome 在某些网络下 `ERR_QUIC_PROTOCOL_ERROR` 导致 PNG 逐行渲染）时才需要它：部署一个极小的 Cloudflare Worker，把图片改为服务端转发 + HTTP\u002F2 原子返回。一键部署见 **[infiplot-image-proxy](https:\u002F\u002Fgithub.com\u002Fzonghaoyuan\u002Finfiplot-image-proxy)**，然后把它给出的 `workers.dev` 地址填进 `NEXT_PUBLIC_IMAGE_PROXY_URL`。\n\n---\n\n## Roadmap\n\n- [ ] 让用户感知不到生成延迟\n- [ ] 兼容更多模型 provider\n- [ ] 游玩过程中支持用户自定义输入\n- [ ] 移动端浏览器适配\n- [ ] 用户注册登录系统\n- [ ] 由静态图升级为动态视频\n- [ ] 语音交互\n- [ ] 分享正在游玩的故事\n- [ ] 移动端 app\n\n---\n\n## Star 趋势\n\n[![Star History Chart](https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=zonghaoyuan\u002Finfiplot&type=Date)](https:\u002F\u002Fstar-history.com\u002F#zonghaoyuan\u002Finfiplot&Date)\n","InfiPlot是全球首个由AI实时生成全部图文内容的交互式剧情游戏。它利用TypeScript编写，能够根据玩家的需求即时创造个性化的故事情节与角色形象，无需预设脚本。该项目支持一键部署至Vercel或Cloudflare Workers平台，便于快速启动体验。InfiPlot非常适合寻求新颖娱乐方式、渴望探索无限可能故事世界的各类用户群体，无论是儿童还是成年人，都能在其中找到乐趣并满足个人想象。",2,"2026-06-11 04:09:56","CREATED_QUERY"]