简体中文 · English
PixOffice 是基于 Vite + React + PixiJS 的二维互动场景项目。内置六个人物的帧动画,支持多办公室、任务白板、聊天、限时决策菜单和网格布局编辑;办公室、教室、农场可独立装配。
默认本地场景为电商商品上架与优化:负责人逐人派工,成员并行处理标题、图片、详情、价格与审核;确认上架后观察经营反馈,再选择优化措施并复盘。流程约一分钟,等待用户决定时不会自动批准。所有店铺操作和经营数据均为本地示例。
页面支持经典布局和成员布局,成员侧栏按人物保留任务动态,可通过左上角布局按钮切换。查看完整页面高清截图。
使用 Node.js 24,最低支持 Node.js 22.13。
npm ci
npm run dev:vite打开终端显示的地址,进入 /office/ 即可体验本地演示,无需业务后端。聊天默认为交互预览,不调用模型。
接入外部系统时使用 npm run dev 启动前端与 Fastify,再按对接指南初始化办公室。
npm run build 生成 dist/,可用于 Vercel 静态演示;服务器与 Docker 对接部署见部署文档。
| 你想做什么 | 阅读入口 |
|---|---|
| 接入业务后端或智能体 | 对接指南 · HTTP 协议与流程图 |
| 更新任务、员工与白板 | 业务快照与白板字段 |
| 接入流式聊天 | 聊天接口 |
| 部署服务器、配置连接与鉴权 | 部署与消息通道 |
| 了解包架构、独立场景与按需加载 | 架构文档 · 示例目录 |
| 控制人物行为或编辑地图 | 运行时 SDK · 地图编辑 |
| 制作、验收或发布人物素材 | 人物资源包 · 素材准入 |
| 开发场景、更新截图和动图 | 开发与素材维护 |
| 运行测试、查看验收报告 | 测试与验收 |
场景包与素材包在仓库内开发,尚未发布 npm。2:1 轴测入口仍为架构验证,骨骼动画引擎尚未实现。
软件许可见 LICENSE 与第三方声明;图片素材的使用授权需另行确认,详见许可说明。
欢迎关注交流,也可以自愿赞助,支持项目持续开发。
| 关注与交流 | 支持项目 |
|---|---|
![]() | ![]() |
| 获取动态、交流合作 | 自愿赞助、支持开发 |


