当前页面设置会同步到所有绘图页面。
自动复制受当前浏览器限制,请全选下面文本并手动复制。
粘贴 AI 返回的 JSON 模型文本;支持裸 JSON 或单个 JSON Markdown 代码块。
拖动图片调整网页背景优先显示的区域。图片始终按铺满画面显示,本步骤不会裁剪或修改原图。
图纸结果人工修正
只读制作视图
检测到屏幕缩放比例发生变化,当前图纸可能无法与拼豆板准确对齐。
设备级真实尺寸
测量第 1 个定位柱中心到第 N+1 个定位柱中心的总距离。
测量第 1 个定位柱中心到第 N+1 个定位柱中心的总距离。
PixelBeads 快速上手
第一次使用?按下面的功能说明操作即可。
普通照片、插画或动漫图,在完整模式中可直接选择图片;使用设备为手机且自动开启极简模式后,点击主页中央空白图纸工作区即可选择图片。以前保存过 PixelBeads 完整项目,可在关闭极简模式后导入并继续编辑。图片文件大于 3.6 MB、最长边超过 4096 px 或总像素超过 1200 万时,系统会在导入阶段自动生成更适合网页处理的清晰工作图,以降低后续运算压力。
“快速预览图纸”用于比较不同尺寸的大致效果,不会直接改动正式图纸。需要生成预览图时,先完成当前原图快速预览;确认结果后点击“生成预览图”。系统按预览格数形成未匹配色号的色块内容,再以最近邻方式放大回原图实际像素尺寸,不带色号或网格,并作为新的原图继续识别、绘图或正式生成;也可在“保存与导出”中直接导出预览图片。
普通图片建议使用“生成拼豆图纸”。设置图纸宽高、颜色范围和颜色数量后生成。已有图纸时,再次生成可以选择在当前图纸基础上继续处理,或从原图重新生成。
如果导入的图片本身就是有格子的拼豆图纸,使用“图纸识别”。识别完成后可以检查颜色和色号;不确定的格子可按需显示低置信度标记。遇到粗边框或辅助线时可开启“干扰排查”。“清理噪点”适合去掉少量孤立的小色块;“识别空白背景”适合清理图案外围的大面积空白。
生成或识别完成后,可以使用移动、吸色、画笔、填充、裁剪和橡皮直接修改。裁剪原图时可自由框选;已有图纸时会按完整格边界裁剪并同步原图参考关系。操作错误时使用“撤回”,需要恢复撤回内容时使用“重做”。
需要更细致地修改时进入“专业绘图”。这里可以放大查看、对照原图、精确改格子、吸取颜色、批量换色,并可单独显示或隐藏网格和色号。原图透明度可以随时调整,也可使用反选透明度快速比较;“横向对比”可将原图与当前图纸并排查看;“明显网格”可增强网格线显示,“网格识别”会进入与识图模式相同的网格校准工作台。开启色号后,停止缩放会自动进行高清图纸重绘。
图纸颜色会对应当前品牌的实际拼豆色号。是否显示色号完全由你主动选择;系统不会再因为格子大小、缩放比例或屏幕空间自动隐藏色号。图纸识别中的低置信度标记只是提醒你重点检查,并不代表一定识别错误。
所有用户都可以在“设置 → 定制化图片匹配模型”直接粘贴 AI 生成的 JSON 模型文本,也可以点击“复制模型设计文本”,把完整规范交给 AI 后追加自己的目标风格说明,再把 AI 返回的 JSON 文本粘贴回 PixelBeads。模型只包含经过严格白名单校验的元数据和数值参数,不执行脚本、外部模块或网络资源。安装后主页“定制模型调整”会按“色彩修正 / 平顺控制 / 细节保护”分组显示参数。
主页右侧的“拼豆计数器”可以记录自己现有的拼豆库存,默认使用 MARD 品牌。可以逐个输入数量,也可以多选或全选颜色后直接选择“设为该数量”或“增加该数量”进行批量录入。生成图纸后会自动显示缺少的色号和最少补充数量;真正拼完后再点击“完成本图并扣除”。库存可以单独导入和导出,方便换设备或备份。
图纸确认后进入“拼豆模式”开始实际制作。可以查看颜色和色号、放大图纸、移动定位框,也可以使用真实尺寸显示。真实尺寸功能使用前请先按页面提示完成屏幕和拼豆板校准。
“设置 → 界面外观”可选择当前浏览器的自定义背景图,并调整功能区不透明度(20%–100%)。主页、图纸识别、专业绘图、拼豆模式和拼豆全屏可分别开启半透明;各工作区默认跟随全局不透明度,也可单独调整后改为独立值。主页未载入图片时仍默认显示半透明工作区。拼豆模式“背景”可选“跟随系统 / 白色 / 黑色”,“跟随系统”表示使用当前网页背景并同步开启拼豆工作区半透明。辅助性文字明显模式与界面文字与符号明显模式共用自动或自定义高对比颜色。自定义背景超过大型图片阈值时也会在导入时自动优化。背景与这些外观偏好只保存在当前浏览器,不会写入项目、图纸、Canvas 或导出文件。
如果以后还要继续修改,建议保存“完整项目”。完成后可以导出高清图片、“图片 + 色号清单”和材料表。只保存最终图片不能完整保留后续编辑所需的数据。
普通图片:导入图片 → 快速预览 → 生成拼豆图纸 → 修改 → 检查拼豆库存 → 拼豆模式 → 保存。
已有拼豆图纸:导入图片 → 图纸识别 → 检查和修改 → 检查拼豆库存 → 拼豆模式 → 保存。
效果基本正确但需要细调:直接进入专业绘图。
只读制作视图
点击颜色列表可定位图纸中的相同色号;点击非空图纸格子也会选中对应颜色。再次点击当前颜色或“显示全部”可取消选择。
选中颜色保持彩色、显示色号并逐格绘制红色边框;其他颜色转为灰度,保留色号并叠加斜杠,浅色格也能清楚辨认。没有选中颜色时会显示选择提示。
普通预览支持滚轮、双指和缩放按钮。2.6 mm 或 5 mm 还原模式按校准数据锁定实体尺寸,不允许自由缩放。
把实体直尺贴近屏幕,分别测量横向和纵向目标线,拖动两个端点使线段达到标注的毫米长度。建议使用多个不同长度重复测量。
选择 2.6 mm 或 5 mm 板,测量第 1 个定位柱中心到第 N+1 个定位柱中心的总距离,并记录至少两次有效测量。
需要:可用拼豆图纸、有效的横向与纵向屏幕校准、至少一种或当前尺寸对应的拼豆板间距校准。锁定按钮仍可点击查看缺失条件和操作入口。
全屏中只能精确平移,不能缩放。图纸移出视野后可使用“找回图纸”;退出全屏后返回拼豆模式。
满足全部条件后才能使用真实尺寸全屏图纸。
请选择已完成拼豆板间距校准的尺寸。系统不会自动预选。
准备实体直尺,选择尺寸后测量指定格数定位柱中心之间的实际距离。
PixelBeads 文件导出
PixelBeads 项目文件
请选择保存当前项目后继续导入、放弃修改并导入,或取消。
规则视觉算法 + 离线限定字符 OCR + 品牌色板交叉校验