豆豆造物 · 拼豆图纸生成器(微信小程序 / 已上线)
豆豆造物是一款面向手作爱好者的微信小程序,把任意图片一键转换成可照着拼的「拼豆图纸」,并支持拍照反向识别、手动像素编辑、库存管理与图纸导出。我是该项目的独立全栈开发者,独自负责从产品设计、UI、前端到云端后端与核心算法的全部环节。
核心功能模块:
- 图片转图纸:上传/拍照 → 智能裁剪主体 → 自定义网格参数 → 图像像素化 → 自动匹配最接近的拼豆色号,3 秒出图。
- AI 拍照识物:拍下成品照片,自动识别网格与颜色、反向还原成可复刻的图纸;本地精确识别 + AI 视觉定位 + 降级兜底的多路智能路由。
- 手动像素编辑器:Canvas 画布 + 画笔/橡皮/取色/镜像工具、撤销重做、放大镜、导航缩略图,移动端多指手势缩放平移。
- 颜色系统:内置 291 色 MARD 调色板,支持 5 大拼豆品牌色号自动转换,基于 CIE Lab / deltaE 的颜色匹配与同色合并算法。
- 豆罐库存:手动录入 + 拍照入库,与作品需求比对算缺豆,生成采购清单。
- 导出:整图 / 分板 / 采购清单一键合成 PNG 海报保存到相册。
技术栈: 微信小程序原生框架 + TypeScript(strict)+ glass-easel 组件化 + 微信云开发(云函数 / 云数据库 / 云存储)。接入大模型完成 AI 图像识别与风格化(多模态调用、token 成本优化、降级策略)。自研一整套像素风自定义组件库与主题系统,全部 Canvas 2D 手绘渲染。完整落地了隐私协议授权、AI 生成内容标识、内容安全审核等微信合规要求。
可承接: 微信小程序全栈开发、图像处理与像素化、Canvas 图形渲染与手势交互、颜色匹配/聚类算法、AI 大模型接入、云开发后端、自定义组件库与小程序 UI 设计。