Skip to content
workbzwPublic

About

Resources

Stars

64 stars

Watchers

0 watching

Forks

Latest commit

 

History

26 Commits

Folders and files

Repository files navigation

PixOffice

简体中文 · English

在线演示 · 快速开始 · 文档 · 关注与支持

PixOffice 是基于 Vite + React + PixiJS 的二维互动场景项目。内置六个人物的帧动画,支持多办公室、任务白板、聊天、限时决策菜单和网格布局编辑;办公室、教室、农场可独立装配。

在线演示

官网 · 完整办公室 · 最小装配 · 教室 · 农场

PixOffice 办公室:任务白板、人物走动与工位交流

默认本地场景为电商商品上架与优化:负责人逐人派工,成员并行处理标题、图片、详情、价格与审核;确认上架后观察经营反馈,再选择优化措施并复盘。流程约一分钟,等待用户决定时不会自动批准。所有店铺操作和经营数据均为本地示例。

页面支持经典布局和成员布局,成员侧栏按人物保留任务动态,可通过左上角布局按钮切换。查看完整页面高清截图。

快速开始

使用 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 与第三方声明;图片素材的使用授权需另行确认,详见许可说明。

关注与支持

欢迎关注交流,也可以自愿赞助,支持项目持续开发。

关注与交流支持项目
关注与交流二维码项目捐赠二维码
获取动态、交流合作自愿赞助、支持开发

About

Resources

Stars

64 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages