Skip to content

Releases: qiao39gs/Pixel

v1.0.6 — 空白画布、项目入口与 PNG 图纸升级

Choose a tag to compare

@qiao39gs qiao39gs released this 29 Jul 09:20

主要更新

本版本让项目可以脱离原图直接创作,并集中优化了首页项目入口、保存流程、工作区面板和高清 PNG 图纸排版。

首页与项目流程

  • 首页新增本机项目库与 JSON 导入入口,可直接继续当前浏览器中的已有图纸
  • 支持新建 5 × 5 至 150 × 150 的空白画布,无需上传原图即可开始绘制
  • 支持打开和恢复不含原始图片的仅图纸项目及自动草稿
  • 仅图纸模式保留裁剪和视图设置,并隐藏依赖源图的规格、调整与 AI 功能
  • 优化未保存项目的 Ctrl/Cmd + S 流程,自动打开项目面板并聚焦名称输入框
  • 项目管理以保存当前项目为主要操作,新建图纸入口统一移至首页

图像导入与选色

  • 上传、拖拽和粘贴新增 WebP 图片支持
  • 智能选色优化默认开启,新上传图片自动使用 k-medoids 优化选色,仍可手动关闭
  • 统一上传与裁剪界面的暖白、墨黑和品牌橙视觉,改进拖拽反馈、移动端间距和操作说明
  • 重选图片入口从导出菜单移至顶部工具栏,同时保留未保存修改确认

PNG 图纸与耗材

  • 高清 PNG 使用项目名称作为标题,并新增图纸规格、拼豆总数和使用颜色数摘要
  • 网格改为居中排版,优化四边标尺、5 格参考线、10 格强调线、空白格、长色号和外框显示
  • 耗材清单改为按系列分组的自适应卡片布局,展示色样、色号、名称和数量
  • 导出菜单新增复制耗材用量,按色卡系列和色号排序生成纯文本,并提供操作结果提示
  • 扩展共用渲染适配器的圆角矩形能力,为耗材卡片排版提供支持

工作区体验

  • 顶部工具栏新增带文字的项目、参数和耗材入口,功能分区更明确
  • 项目、参数、耗材和画笔色板统一标题栏、图标、说明与关闭按钮样式
  • 桌面端项目管理改为侧栏布局并为画布留出安全区域;移动端继续使用遮罩抽屉
  • 各工作区面板打开时自动关闭冲突面板,移动端遮罩行为同步统一
  • 项目列表改为卡片布局,突出缩略图、尺寸、颜色数、更新时间、仅图纸和当前项目状态

配置与维护

  • 新增 VITE_ENABLE_AI 构建环境变量,精确设置为 false 时隐藏 AI 标签页,未设置时默认开启
  • AI 服务端代理停止输出请求图片、模型、Prompt、上游响应和错误详情等控制台信息
  • 重写 README 和开发指南,补全功能说明、保存与备份提示、AI 配置、快捷键、架构边界和验证要求
  • 恢复 LINUX DO 友链徽章,并同步更新项目描述及 1.0.6 版本信息

Full Changelog: v1.0.5...v1.0.6

v1.0.5 — 项目安全网与编辑器质量里程碑

Choose a tag to compare

@qiao39gs qiao39gs released this 27 Jul 10:52

主要更新

项目安全网

  • 项目数据迁移至 IndexedDB Blob 存储,原图不再受 localStorage 容量限制
  • 首次访问自动迁移旧 localStorage 项目,失败项目保留在原位置
  • 项目脏状态追踪:顶部左侧实时显示当前项目名与保存状态
  • Ctrl/Cmd+S 快捷保存,未命名项目自动打开项目面板
  • 自动草稿恢复:意外关闭后重新打开可恢复未完成项目
  • 刷新/关闭页面前的未保存保护
  • 新建项目、加载项目、导入 JSON、重选图片前的未保存修改确认

编辑质量

  • 一笔记录一次撤销:连续画笔拖动整个笔画仅占用一个撤销步骤
  • 裁剪撤销完整恢复尺寸:撤销/重做不再导致像素数组与网格尺寸不一致
  • 参数重生成确认:手工编辑后调整参数或触发 AI 增强时明确确认,取消后滑块回弹
  • 裁剪预览与源图隔离:确认裁剪时从原图按变换参数重新绘制,辅助线和遮罩不进入后续量化
  • 导入 JSON 严格校验:宽高、像素数量、颜色数、算法枚举、面板预设全字段验证

PDF 导出

  • PDF adapter 实现真正的坐标平移栈、文字对齐与基线
  • 修复 RGBA 颜色解析(半透明辅助线按白纸背景合成)
  • 修正字体尺寸单位,分页格内色号可读

视觉与交互

  • 编辑器品牌橙色系统一设计(深色画布 + 暖白面板 + 品牌橙焦点)
  • 画布根据左右侧栏真实安全区自动居中和适配
  • 新增桌面/移动端分端动态工具操作提示
  • 移动端侧栏改为互斥遮罩抽屉,底部编辑工具栏避让
  • 当前工具状态实时提示对应操作手势

文档

  • README 功能列表、技术栈、项目结构树全面更新
  • AGENTS.md 项目结构与架构描述同步至最新代码

Full Changelog: v1.0.4...v1.0.5

v1.0.4

Choose a tag to compare

@qiao39gs qiao39gs released this 12 Jul 14:52

新功能

  • AI 图像增强 — 通过 Pollinations 图生图 API 在源图进入拼豆管线前进行简化/降噪预处理;三档简化强度(轻度/中度/强烈)、扁平化颜色与卡通风格可选、自定义 prompt 追加
  • AI 增强 API 移至 Vercel serverless — API Key 不暴露客户端,客户端压缩图片至 1024px 再发送

改进

  • 重新设计导出图片样式 — 移除标题及耗材清单标题,耗材按色卡系列分组排列,圆形色卡上写色号,旁边写所需数量,暖纸底艺术化排版,画布高度动态紧贴内容
  • 改善移动端排版及使用体验 — 条件渲染面板消除 Tab 间距差异,编辑模式拖拽平移 + 悬浮工具栏 + 还原视图,移除包数显示,导出按钮改名

文档

  • 更新 README 与 AGENTS.md,首页版本号更新至 v1.0.4

v1.0.3

Choose a tag to compare

@qiao39gs qiao39gs released this 02 Jul 10:14

新功能

  • 画布滚轮缩放 — 桌面端滚轮以鼠标位置为中心缩放画布,缩放时光标下格子保持原位
  • 智能选色优化 (k-medoids) — 色差算法卡片新增可选开关,以量化误差最小为准则从色卡精选色号,替代默认频次选取;渐变/照片类图色彩还原更均衡,复用用户选定的色差算法(松手触发,避免拖动卡顿)
  • 移动端项目 tab — 从色卡 tab 中分离出独立的「项目」tab,四段式导航(参数/画布/色卡/项目)
  • 色卡移动端长按拖拽换色 — HTML5 拖拽在触屏不生效,改为长按 350ms 进入拖拽模式,原生非被动触摸事件可靠阻止滚动

优化

  • floodFill 改 4 连通(对角缝隙不再误连选区)+ 索引指针替代 shift(),O(n²) → O(n)
  • 去重抽象:luminance / ASPECT_RATIOS / EMPTY_BEAD / undo 快照 helper,净减重复代码约 60 行
  • 页首页脚宽度扩大到 1600px

Full Changelog: v1.0.2...v1.0.3

v1.0.2 项目画廊持久化 & 重做功能 & 配置同步修复

Choose a tag to compare

@qiao39gs qiao39gs released this 30 Jun 09:37

新增

  • 重做功能:Ctrl+Shift+Z / Ctrl+Y 快捷键,编辑工具栏重做按钮,重做栈与撤销栈对称管理
  • 项目面板:独立右侧列,缩略图 + 名称 + 日期 + 规格 + 色数列表
  • 项目保存到 localStorage / 加载,支持重命名、删除、新建
  • JSON 导入/导出项目文件
  • 像素数据压缩存储:仅存色号字符串,104×104 网格从 ~2MB 缩减到 ~50KB
  • 管线冻结机制:加载历史项目后冻结管线,参数调整不覆盖已加载数据
  • 更新当前:已加载项目保存时原地更新而非新建

修复

  • localStorage 配额溢出:改为色号编码存储,体积缩减 40 倍,旧格式向后兼容
  • 加载项目后调参覆盖:通过 pipelineActive + skipNextProcess 机制解决
  • loadProject 未同步 panelPreset/customWidth/localAspectRatio
  • imageAspectRatio 死状态遮蔽 localAspectRatio,自定义预设高度始终为正方形
  • 管线重新激活逻辑不可达,加载项目后修改参数无法重处理
  • 移动端面板可见性逻辑冲突,ProjectPanel/StatsPanel 在多个 tab 同时显示
  • showNumbers 开关阈值(12)与渲染阈值(16)不一致
  • 自适应缩放 useEffect 依赖计算值而非实际值,裁剪/加载后画布不适配
  • 新建项目自动保存旧数据导致缩略图与实际不符

v1.0.1

Choose a tag to compare

@qiao39gs qiao39gs released this 24 Jun 10:08

新增

  • 裁边修整:自动裁剪 + 四边滑块手动调节
  • 换色面板:已有色独立分组、环形占比图、拖拽换色、快速导航
  • 图像调节滑块松手后才触发重处理

优化

  • 移动端触控区域、文字可读性全面提升
  • 换色面板 UX 大幅改进

修复

  • 裁边不再影响画布比例
  • 移动端 tab 切换互斥显示

v1.0.0 — 像素拼豆图纸生成器

Choose a tag to compare

@qiao39gs qiao39gs released this 24 Jun 06:33

首个正式版本

核心功能

  • 图片上传裁切(多比例、旋转缩放、透明度保留)
  • CIEDE2000 色差算法 + MARD 221 色标准色卡匹配
  • 亮度/对比度/饱和度实时调节
  • 格子级手动编辑(画笔、橡皮擦、魔棒、去杂色、撤销)
  • PNG 高清导出 + A4 分页 PDF 导出

移动端

  • 三段式 tab 导航(参数/画布/色卡)
  • 长按取色、双指捏合缩放
  • Canvas 自适应视口

技术栈

  • React 19 + TypeScript + Vite 6
  • Tailwind CSS v4 + Zustand 状态管理
  • CIEDE2000 / CIE94 / CIE76 / WeightedRGB 色差算法