自制拼豆像素画小程序源码,图片一键转图纸,买豆子直接对照用量
最近更新 2026年08月25日
资源编号 32393

自制拼豆像素画小程序源码,图片一键转图纸,买豆子直接对照用量

2026-08-25 休闲娱乐 0 1,698
郑重承诺丨易购码提供安全交易、信息保真!
增值服务:
2.88 🐴币
VIP折扣
    折扣详情
  • 月卡VIP会员

    免费

  • 季卡VIP会员

    免费

  • 年卡VIP会员

    免费

  • 永久VIP会员

    免费

  • 测试

    免费

开通VIP尊享优惠特权
立即下载 升级会员
详情介绍

拼豆像素画小程序是一款创意工具应用,用户可以在手机上设计像素风格的拼豆图案。无论是想制作可爱的动物、精美的植物,还是独特的动漫角色,都可以通过简单的操作完成创作。完成后可以导出图片作为参考,用于实际的拼豆制作。
自制拼豆像素画小程序源码,图片一键转图纸,买豆子直接对照用量
自制拼豆像素画小程序源码,图片一键转图纸,买豆子直接对照用量

功能特性

像素画编辑器

  • 可调节网格大小(默认 16×16)
  • 画笔/橡皮擦工具
  • 撤销/重做功能(最多 50 步历史记录)
  • 缩放功能
  • 图片导入转像素画
  • 导出 PNG 到相册
  • 导出拼豆图纸(支持多种色号系统)

作品管理

  • 作品列表展示
  • 分类筛选(全部/最近/收藏)
  • 作品状态标记(已完成/进行中)
  • 作品编辑、删除、导出
  • 搜索功能

模板浏览

  • 瀑布流模板展示
  • 分类标签
  • 下拉刷新和无限加载

导出图纸功能

导出图纸是针对拼豆玩家的核心功能,生成包含以下信息的高质量 PNG 图片:

  • 标题栏:显示作品名称、网格尺寸和品牌 Logo
  • 网格区域:每个格子显示对应颜色的色号
  • 坐标轴:行列编号标注(每隔 10 格显示)
  • 网格线:每隔 10 格显示加重线
  • 色号统计:统计各颜色使用数量
  • 水印:底部显示 pindou.348349.xyz

导出配置选项

选项 说明 默认值
显示网格 是否显示网格线 true
网格间隔 网格线间隔(每隔多少格) 10
显示坐标 是否显示坐标轴 true
显示色号 是否显示单元格色号 true
网格颜色 网格线颜色 深灰色
包含统计 是否包含色号统计 true

色号系统

拼豆玩家必备的工具,系统支持 5 大品牌色号系统的完整映射,共收录 217 种颜色的精确对应关系。

品牌色号系统

色号系统 说明 色号示例 特点
MARD 丹麦品牌(默认 A01, B02, C03… 字母+数字组合,如 A01-Z26
COCO 可可色系 E02, F05, G08… 字母+数字组合,如 E01-K39
漫漫 漫漫色系 E2, B3, C7… 字母+数字组合,如 A1-Q15
盼盼 盼盼色系 65, 2, 28… 纯数字,如 1-253
咪小窝 咪小窝色系 77, 2, 28… 纯数字,如 1-283

部署说明

1. 克隆项目

2. 安装依赖

npm install
# 或
pnpm install

3. 开发模式

微信小程序开发:

npm run dev:weapp

其他平台:

# 支付宝小程序
npm run dev:alipay
# 百度小程序
npm run dev:swan
# 字节跳动小程序
npm run dev:tt
# QQ 小程序
npm run dev:qq
# H5
npm run dev:h5

4. 生产构建

# 微信小程序
npm run build:weapp
# 其他平台
npm run build:alipay
npm run build:swan
npm run build:tt
npm run build:qq
npm run build:h5
  • 1. 本站所有资源均来源于用户分享和网络收集,如有侵权请联系站长!
  • 2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除,不得商业用途,不得违反国家法律。否则后果自负!
  • 3. 本站提供的资源不保证100%完整;不提供技术服务,请大家谅解! 
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

易购码-在线源码商城 休闲娱乐 自制拼豆像素画小程序源码,图片一键转图纸,买豆子直接对照用量 https://www.ygma.cn/32393/

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 9:00—21:00在线 专业服务