麦门宇宙
MCUNIVERSE · 你的每一单，都是麦门宇宙里的一颗星
粘你的订单，半分钟出一片星图 —— 星座 · 成就 · 麦门人格
WorkBuddy 1024 造物挑战
麦当劳中国官方 MCP
零运行依赖
数据本地处理
没有订单文件也能试：面板里点「填入示例」，三步就能看到自己的星图。源码在 GitHub
这是什么
把你在麦当劳的历史订单，变成一片只属于你的星空，并顺手告诉你「你是哪种麦门人」。
每一笔订单是一颗星：颜色是餐品品类（汉堡/早餐/甜品/小食/饮品），星等是消费频次与金额，位置是下单时间，相邻订单连成星轨——时间从左向右流成一条旋臂。
怎么玩
01 看粒子汇聚成「麦门宇宙」，炸开成你的星图；悬停任意星点看它是什么。
02 玩拖拽转动星系、滚轮拉近拉远、点击看订单详情；手机上换成单指转动 + 双指捏合缩放。详情卡贴着你点的那颗星弹出，不挡星也不挡按钮；手机上从底部升起，人格卡先让位。顶部「看样例」可切换四种人格样例，键盘 ←/→ 也能逐颗浏览。
03 带走四种风格（深空金 / 星云紫 / 极简海报 / 成就卡）任选导出 1080×1440 分享卡，或打开成就列表看每项条件与进度（含「汉堡王」）。手机浏览器直接下载；微信和 iOS 里改为「预览 + 长按保存」——微信内置浏览器不实现网页下载，硬点只会什么都没发生。卡右下角的二维码按当前站点生成：在国内镜像上导出的卡，扫码也回镜像（0.25 秒打开），不会把人送回要等十几秒的 github.io。
用你自己的订单生成
演示数据是别人的星图。想看自己的，不需要 Token、不需要账号、不需要装环境 —— 演示页里粘一段订单 JSON 就行，解析全在浏览器里完成。
01 打开面板演示页顶部橙色的「粘贴订单，生成星图」，或者直接点页面顶部的「用自己的订单生成」—— 那条链接会把面板直接打开，跳过入场动画。
02 粘进去把麦当劳 MCP
query-order-list 的返回原样粘进来都认：{data:{list:[…]}}、{list:[…]}、纯订单数组。手边没有数据就点「填入示例」—— 三单，够看出颜色、星等、星轨在讲什么。03 立刻出图不用重看入场动画，直接跳到终态：人格卡、成就进度、四种分享卡都换成你的数据。超过 400 单自动截断，界面上会明说。
和命令行版是同一套规则：模板里的模型与 src/star_model.py 逐条对齐（品类关键词顺序、星等阈值、人格判定的 22 点与 2:59 边界），并由「双实现比对」测试按字段逐一校验。数据不出浏览器：粘贴时没有任何网络请求，页面上也没有任何指向外部主机的资源。
为什么值得做
情绪价值订单记录是冷数据，星图把它变成「我的宇宙」——用户愿意截图分享的，从来不是账单。
数据叙事颜色、大小、位置三种编码同时承载品类、频次、时间，一眼看懂自己的吃麦轨迹。
分享货币七种人格 + 十项自动解锁成就 + 四种分享卡风格，天然适配小红书与朋友圈的晒图场景。分享卡有一份统一的版式规格：安全边距 48px、中文按句读断行、二维码与文案留出气道，电脑和手机导出的是同一张卡。二维码四周的静区按 ISO/IEC 18004 算足 4 个模块 —— 静区不够时码「看着还在」，缩到信息流那一屏宽就扫不出来，而这个失败只有真拿手机扫才会发现。
七种麦门人格
深夜麦门人城市的深夜，总有一盏麦麦的灯为你亮着。
早餐先行者一日之计在于晨，你的早晨从麦满分开始。
甜点星住民生活再苦，也要给自己留一颗糖。
周末麦门人工作日属于世界，周末属于麦麦。
硬核堡星人大道至简，堡以载道。
麦门探索者菜单是你的星图，你从不重复同一颗星。
麦门旅人路过麦门，麦门记住你。
作品截图
怎么做的
| 环节 | 做法 |
|---|---|
| 取数 | 麦当劳中国官方 MCP：order-list 拉历史订单、query-my-account 取积分、campaign-calendar 取今日活动（共 35 个工具） |
| 归类 | Python 星图引擎：餐品名→品类规则、金额/频次→星等 1~5、时间段→人格判定 |
| 渲染 | 单文件 HTML + Canvas：加色混合发光、460 颗背景星三层纵深、星云雾带、粒子入场、拖拽/缩放/视差 |
| 性能 | 每帧有预算：手机 4× 降速下开场每帧 1.0ms、稳态 0.4ms（60fps 的总预算 16.7ms）· 稳态每帧新建渐变 0（曾因星轨逐段建渐变达到 10 个）· 首屏 98ms（手机 4× 降速 451ms）· 整页 131.2KB · 外部请求 0 |
| 在线生成 | 浏览器内跑同一套星图规则（品类/星等/人格），与 Python 管线由 test_model_parity 逐字段交叉校验；订单只在本地解析 |
| 工程 | 零运行依赖 · 123 条测试 · ruff 全绿 · CI 四版本矩阵 · 真实浏览器 E2E 十态冒烟（含深链导入、触屏手势与微信/iOS/安卓三种交付容器） · 分享卡版式规格化 + 几何断言 · 页面版式体检（卡片空洞 / 行高对齐 / 横向溢出）· 社交预览元信息检查 · 抓取器视角自检（og 同源 / 尺寸属实 / 3 秒内）· 键盘与读屏可用（画布 application 语义、操作回执走 live region、六层浮层统一 Esc 与焦点环，并有无障碍审计量具 `scripts/a11y_audit.mjs` 与 11 条静态守卫兜底） |
演示页使用匿名化模拟数据，打开即玩；真实使用需在自己的电脑上配置 MCD_MCP_TOKEN（仅存环境变量），订单数据全程本地处理、不上传、不留存。