像素排序艺术生成器 - 方向/阈值控制
对图片像素沿特定方向按明亮度排序,生成拉伸条纹的数字艺术效果。
UD5工具箱
上传图片以开始创作
像素排序将在此处实时预览
像素排序是一种生成艺术技术,通过对图像中特定区域的像素按照亮度、颜色通道或色相等属性重新排列,创造出类似数据故障(Glitch)的视觉效果。它模拟了数字文件损坏或传输错误时产生的意外美学,是故障艺术(Glitch Art)的重要分支之一。
算法遍历图像的每一行或每一列,识别出符合阈值条件的连续像素段,然后对这些段内的像素按指定属性(如亮度)进行排序。不符合阈值的像素保持原位,从而在图像中形成独特的"被整理过"的条纹区域。阈值范围决定了哪些像素参与排序——例如只排序暗部(低亮度)或亮部(高亮度)。
亮度排序产生最经典的故障条纹效果;红色/绿色/蓝色通道排序会在对应色彩区域产生强烈的色彩带状效果;色相排序按颜色在色环上的位置排列,创造出彩虹般的渐变条带;饱和度排序则将鲜艳和暗淡的像素分开排列,形成独特的纹理。建议逐一尝试,感受每种模式的美学特点。
阈值范围定义了参与排序的像素值区间。例如设置为0-100则只对暗部像素排序,180-255则只对亮部排序。范围越窄,效果越局部化。最小段长度设定了一个连续像素段至少需要多长才会被排序——较大的值会忽略细小的纹理细节,产生更干净、更大块的排序区域。
水平排序逐行处理,产生横向条纹;垂直排序逐列处理,产生纵向条纹;双向排序先水平后垂直叠加处理,创造出更加复杂、网状的数据故障效果,视觉冲击力更强,但处理时间也相应增加。
工具会自动将超大图片(长边超过1500px)等比缩放至合适尺寸进行处理,确保在浏览器中流畅运行。像素排序算法经过优化,在1200×800分辨率下通常100ms内即可完成单次排序。双向排序耗时约为单向的两倍。
故障艺术是一种利用数字或模拟技术错误进行创作的艺术形式。它拥抱系统崩溃、数据损坏、信号干扰等"不完美"现象,将其转化为独特的视觉语言。像素排序、数据弯曲(Databending)、电路弯曲(Circuit Bending)都是故障艺术的重要技法。这种艺术形式起源于20世纪后期,随着数字文化的普及而发展壮大。
下载的PNG图片分辨率与处理时使用的分辨率一致(最大1500px长边),保持无损质量。点击下载按钮即可保存高清处理结果,适合直接用于社交媒体、壁纸或设计素材。
对图片像素沿特定方向按明亮度排序,生成拉伸条纹的数字艺术效果。
将图片转换为像素艺术风格,可调整像素块大小,生成复古像素效果,纯前端Canvas渲染。
沿行或列按亮度或色相对像素进行排序,产生独特的故障艺术效果。
上传图片,生成BlurHash字符串和对应的CSS占位图像,用于渐进式加载。
生成带有严格同步滴答声的闪烁测试视频,用于校正播放设备延迟。
提供不仅依赖颜色的图表模式示例(结合纹理、形状),确保色盲用户也可区分数据。
随机生成一对背景和文字颜色,并显示其WCAG对比度是否合格。
保持单词首尾字母不变,随机打乱中间字母顺序,展示人脑自动纠错的有趣现象。
根据每行每列的数字提示,填充正确格子,最终显示隐藏图画。
在渐变条上拖拽添加和移动色标,调整颜色和位置,实时输出 CSS linear-gradient 代码。
设置桶容量与速率,发送模拟请求,观察令牌消耗与限流响应,理解限流算法。
加载图片,显示其最低有效位平面图,辅助发现可能存在的LSB隐写信息。
给图片添加线性运动方向的模糊痕迹,可调节角度和强度,增强速度感。
上传图片,套用红色盲、绿色盲、蓝色盲等滤镜,模拟色觉障碍者所见的颜色效果。
按行列数字提示填充单元格,还原隐藏的像素图画,内置多种难度与自动校验。
绘制逻辑斯蒂映射的分岔图,调节参数观察周期倍增与进入混沌的过程。
组合形容词和动物生成像“愤怒的拉面”一样的滑稽项目版本代号。
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
设定声像位置,根据常见衰减法则(-3dB, -6dB中心)计算左右声道电平。
输入两个数字,显示它们的二进制表示,并逐位展示与、或、异或等运算过程。
选择青、品、黄、黑等基本颜料,按比例混合,预览油画或水彩的调色结果。
上传拍歪的文档照片,自动检测文字方向并旋转摆正,提升OCR准确率。
传统数图升级为多彩版本,按行列多颜色提示涂色,最终生成彩色像素画。
全屏旋转螺旋图案,注视片刻后停止,感受静止图案出现反向运动的错觉。
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
生成无意义的随机中文段落,模拟文章排版填充,适合中文界面设计占位预览。
上传图片,选择不同色觉障碍类型,实时预览在这些色觉下的效果,辅助设计。
在执行长计算任务时,通过navigator.scheduling.isInputPending()及时中断以响应用户输入。
比较两端代码或文本,智能忽略空格、制表符和注释行变化,专注于逻辑差异检测。
使用DynamicsCompressorNode实时调节音频的动态范围,控制阈值和比率。