⟨bra|ket⟩.tech
⟨返回项目|
工具·2026·在线演示

BeadCraft 拼豆工坊

从像素图案到一颗颗拼豆,把创作与制作连起来

编辑器、图案库和色号库可直接体验;免费图片导出带水印,具体权益以产品页面为准。

BeadCraft 编辑器中的彩虹拼豆图案,右侧显示 82 颗豆子、6 种颜色及各色用量
从图案进入编辑器,画布与材料统计保持在同一工作区。查看原图
29
预设图案
8 种
绘图工具

拼豆创作需要同时考虑图案、网格、颜色和材料数量。BeadCraft 把这些准备工作收进浏览器:从预设图案开始,在画布上调整细节,再查看每种颜色需要多少颗豆子。

编辑器提供画笔、橡皮、填充、取色和形状工具,配合缩放、撤销与品牌色板进行逐格编辑。图案库与色号库作为独立入口,也方便先找灵感、再核对配色。

让创作有一个容易开始的入口

空白画布之外,图案库提供基础、自然、动物和节日等主题。打开图案后,先了解尺寸、豆子总数与颜色数量,再点击「开始制作」进入编辑器。

把图案细节与备料放在一起

在编辑器里,画布负责图案细节,侧栏负责颜色与材料。以彩虹预设为例,11 × 8 的图案需要 82 颗豆子、6 种颜色;材料面板继续拆分每种颜色的具体用量。

  • 画笔、橡皮、填充、取色与几何形状工具
  • 缩放与撤销,便于反复调整
  • 总量和分色统计,帮助准备材料
  • SVG 导出,保存可继续使用的图案文件

围绕实际制作补齐信息

独立色号库把品牌、颜色分类和检索放在一个页面中;教程入口补充工具、材料、配色与熨烫等知识。产品由此覆盖找图、改图、查色和备料这些相邻步骤。

// 关键点

  • ▸预设图案可预览尺寸、颜色数和豆子数量,并直接进入编辑器
  • ▸Canvas 画布支持逐格编辑、缩放与撤销,保留像素级控制
  • ▸材料面板汇总总用量与各颜色数量,连接设计和备料
  • ▸品牌色号库支持检索,编辑结果可导出为 SVG

// 技术栈

CanvasSVG像素编辑色彩管理

实际界面

BeadCraft 桌面图案库,展示爱心、星星、蘑菇等预设图案与分类筛选
图案库按主题组织预设,卡片标注尺寸、颜色数和难度。查看原图
BeadCraft 品牌色号库,选中 Hama 品牌并展示 71 种颜色的网格
按品牌浏览色板,也可以用色号、名称或 HEX 值检索。查看原图
BeadCraft 手机图案库,使用双列图案卡片与底部导航
移动端保留图案浏览与核心导航,便于随时寻找创作灵感。查看原图
在线体验
打开编辑器浏览图案库查询色号