Releases: qiao39gs/Pixel
Releases · qiao39gs/Pixel
Release list
v1.0.6 — 空白画布、项目入口与 PNG 图纸升级
主要更新
本版本让项目可以脱离原图直接创作,并集中优化了首页项目入口、保存流程、工作区面板和高清 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 — 项目安全网与编辑器质量里程碑
主要更新
项目安全网
- 项目数据迁移至 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
新功能
- AI 图像增强 — 通过 Pollinations 图生图 API 在源图进入拼豆管线前进行简化/降噪预处理;三档简化强度(轻度/中度/强烈)、扁平化颜色与卡通风格可选、自定义 prompt 追加
- AI 增强 API 移至 Vercel serverless — API Key 不暴露客户端,客户端压缩图片至 1024px 再发送
改进
- 重新设计导出图片样式 — 移除标题及耗材清单标题,耗材按色卡系列分组排列,圆形色卡上写色号,旁边写所需数量,暖纸底艺术化排版,画布高度动态紧贴内容
- 改善移动端排版及使用体验 — 条件渲染面板消除 Tab 间距差异,编辑模式拖拽平移 + 悬浮工具栏 + 还原视图,移除包数显示,导出按钮改名
文档
- 更新 README 与 AGENTS.md,首页版本号更新至 v1.0.4
v1.0.3
新功能
- 画布滚轮缩放 — 桌面端滚轮以鼠标位置为中心缩放画布,缩放时光标下格子保持原位
- 智能选色优化 (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 项目画廊持久化 & 重做功能 & 配置同步修复
新增
- 重做功能: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
v1.0.0 — 像素拼豆图纸生成器
首个正式版本
核心功能
- 图片上传裁切(多比例、旋转缩放、透明度保留)
- CIEDE2000 色差算法 + MARD 221 色标准色卡匹配
- 亮度/对比度/饱和度实时调节
- 格子级手动编辑(画笔、橡皮擦、魔棒、去杂色、撤销)
- PNG 高清导出 + A4 分页 PDF 导出
移动端
- 三段式 tab 导航(参数/画布/色卡)
- 长按取色、双指捏合缩放
- Canvas 自适应视口
技术栈
- React 19 + TypeScript + Vite 6
- Tailwind CSS v4 + Zustand 状态管理
- CIEDE2000 / CIE94 / CIE76 / WeightedRGB 色差算法