拼豆（Perler Beads）创作通常涉及「找图/做图 → 量化成格 → 选色与用量统计 → 编辑修正 → 按图拼板」等步骤。传统流程依赖电脑软件与手工记录，门槛高、可复用性差，也难以沉淀作品与交易。
客户需求：打造一款轻量级、高可用的 **拼豆创作小程序**，打通“图片导入 - 豆图生成 - 编辑修正 - 社区分享/交易 - 智能拼豆板联动”的全流程闭环，让用户更快、更准、更有趣地完成创作。
我们为豆豆构建了覆盖 **小程序端（微信/支付宝）** 与 **服务端** 的整体方案，形成从创作到交易再到设备联动的闭环。
- 小程序端：图片转豆图、豆图编辑、灵感与作品浏览、社区内容、蓝牙连接智能拼豆板。
- 服务端：用户中心、作品/商品/订单、支付回调、交易与结算、内容审核与风控。
### 🎨 豆图生成引擎
- 支持两种生成模式：对齐网格生成（classic）与快速直转（cleanPixel）。
- 支持小数级对齐参数与格内采样策略，提升取色稳定性，降低串格/漂移概率。
- 色彩映射统一对齐项目色板（`ALL_COLORS`），输出网格与用量统计。
### 🧩 豆图编辑器
- 支持网格编辑（绘制/擦除/取色等），用于生成后的二次修正与创作。
- 支持颜色用量统计与会话恢复，衔接“生成 → 编辑 → 发布/导出（规划）”链路。
### 🖼️ 灵感与作品转豆图
- 提供作品预览与一键转豆图，帮助用户快速从灵感进入可编辑的豆图形态。
### 🌐 社区分享与交易
- 作品发布：豆图发布、标签/描述、版本管理、内容审核。
- 作品互动：点赞、收藏、评论、分享卡片、复刻/二创（保留来源标记）。
### 🔗 蓝牙连接智能拼豆板
- 设备连接：扫描/配对/重连、多设备管理。
- 下发指令：将当前进行中的豆色下发设备，在设备上显示方便用户拼豆
- 拼制辅助：按颜色/分区提示、进度统计、低功耗与连接稳定性策略。
🧑💻 服务端用户中心与交易系统
- 用户中心：微信/支付宝一键登录、手机号绑定、作品库与购买记录、设备绑定。
- 交易系统：商品与订单、优惠活动、微信/支付宝支付、作者分成与提现结算、对账。
- 安全合规：内容审核、反作弊与风控、权限与授权、水印/指纹（可选）。
技术架构与亮点 (Technology & Highlights)
本项目采用现代化的 **多端同构（Taro）+ 前后端分离（规划）** 架构，兼顾跨端兼容、性能与可扩展性。
🛠 技术栈选型
- 小程序端：Taro 3.x + React 18 + TypeScript + Sass
- 运行环境：Node **>= 20.0.0 < 21.0.0**
✨ 工程亮点
- 跨端兼容：优先使用 Taro API，减少端差与兼容成本。
- 性能优先：大网格渲染采用 Canvas 2D 思路，避免大量 DOM 带来的卡顿风险。
- 口径统一：色板映射与用量统计保持一致，便于编辑、导出、交易与设备联动共用同一数据结构。
评论