UD5工具箱
单线一笔画艺术 - 将图片变成连续曲线
用一根连续不断的回旋曲线填充并重绘图片的原理，创造独特单线艺术。
Joy Division山脉图生成 - 线条波动艺术
📡 关于 Joy Division 山脉图
这个图形源自哪里？
这个标志性的波形图源自英国后朋克乐队 Joy Division 1979年的专辑《Unknown Pleasures》封面。封面由设计师 Peter Saville 创作，图像本身来源于1970年剑桥大学天文台发布的CP 1919脉冲星无线电信号波形图，最初刊登在《剑桥天文学百科全书》中。
CP 1919脉冲星是什么？
CP 1919（现称PSR B1919+21）是人类发现的第一颗脉冲星，于1967年由乔瑟琳·贝尔·伯内尔和安东尼·休伊什发现。脉冲星是快速旋转的中子星，会发出规律的电磁脉冲。原图中的每条线代表一个脉冲周期的无线电信号强度，多条线堆叠展示脉冲的稳定性。
这个山脉图在流行文化中有什么影响？
Joy Division的专辑封面已成为音乐史上最具辨识度的视觉符号之一。它被广泛应用于T恤、纹身、海报和各种艺术创作中。这个图形超越了音乐本身，成为后朋克美学、极简设计和科学可视化融合的经典案例。
这个生成器是如何创建波形的？
本工具使用多层正弦波叠加技术来模拟自然地形。每条线由3个不同频率和振幅的正弦波组合而成，通过伪随机种子为每行生成独特的参数。这种技术类似于自然中的分形地形生成，能够创造出既有规律又充满变化的波动效果。
线框模式和填充模式有什么区别？
线框模式还原了《Unknown Pleasures》封面的经典风格——仅绘制线条轮廓，背景保持纯净。填充模式则在每条波形线下方进行颜色填充，从上到下形成明暗渐变的层叠效果，更接近地形图或山脉剖面图的表现形式。
如何获得最佳视觉效果？
推荐从预设主题开始尝试。经典黑白主题使用40-60条线、中等振幅（25-35）和密度（5-8）效果最佳。填充模式下适当增加线条数量（50-80条）可以创造出更细腻的层叠山脉质感。使用动画功能可以看到波形缓慢流动的迷人效果。
下载的图片是什么格式和分辨率？
下载的图片为PNG格式，分辨率与当前Canvas画布的实际渲染分辨率一致。在高DPI（Retina）屏幕上会自动使用2倍分辨率渲染，确保导出图片清晰锐利。如需更高分辨率，可放大浏览器窗口后再下载。
朱利亚集分形探索 - 互动缩放彩色复数
交互式探索Julia集，实时调整复数参数c，支持平滑着色和鼠标缩放，感受分形之美。
轮播图代码生成器 - 滑动幻灯片HTML/JS
拖拽添加图片与文字，生成响应式轮播图Slider，支持自动播放和导航点，提供HTML/CSS/JS代码。
抽象圆点艺术生成 - 随机多彩圆形排列
生成由不同大小、颜色和透明度的圆组成的抽象画作，可下载为壁纸。
形状过渡分割线生成 - 页面区块曲线背景
生成用于网页各区块间的波浪或倾斜过渡分割线，导出为SVG或CSS代码。
图像排线效果 - 交叉阴影线手绘风格
用密集的交叉线条重绘图片，光影由线条的粗细和密度决定，模拟版画排线风格。
CSS motion-path 路径动画演示 - 元素沿路径运动
绘制 SVG 路径，让元素沿着路径运动，调整速度和缓动，生成动画代码。
万花尺画板 - 经典螺旋绘画
设置外圆和内圆半径及笔位置，在屏幕上拖动绘制复杂的几何螺旋图案。
剪影生成器 - 提取人物/物体轮廓变黑
上传正面照，简单亮度阈值提取剪影，可下载PNG。
图像漩涡旋转滤镜 - 核心旋转扭曲效果
将图像从中心点开始向外做逐渐减弱的旋转扭曲，生成超现实的漩涡画面。
在线素描效果生成器 - 照片转铅笔线条画
上传照片，通过边缘检测和纹理叠加转换为逼真的铅笔素描风格图片，可调节线条密度。
View Transition API 演练场 - 页面切换动画配置
在单页内模拟MPA过渡效果，自定义进场/出场动画，体验View Transitions API丝滑切换。
圆形迷宫生成器 - 递归分割/漩涡算法
生成非矩形、由内向外发散的圆形迷宫，支持打印用于幼儿专注力训练。
彩色铅笔素描效果 - 柔和水溶性彩铅
将图片处理成柔和彩色铅笔绘画风格，调整笔触粗细和纹理。
交互式图像分割演示 - 点击分离对象
在图像上点击，利用前端模型将点击范围内的主要物体自动从背景分离。
排序算法可视化 - 冒泡/快排/归并动画
选择算法并随机生成数组，以彩色条动画展示排序过程，帮助理解算法。
图片翻转工具 - 水平/垂直翻转及转置
将图片进行水平翻转、垂直翻转或行列转置，方便调整自拍或扫描方向。
二叉树遍历动画 - 前/中/后/层序可视化
构建或随机生成二叉树，逐步动画展示前序、中序、后序和层序遍历的路径。
精灵帧动画生成器 - 多图播放及CSS动画
上传序列帧图片，合成spritesheet并生成对应CSS steps()帧动画代码。
渐变背景合集 - 现成UI Gradient一键复制
精选数百种流行渐变配色，点击即复制CSS代码，用于网页或应用背景。
CSS缓动效果可视化工具 - 动画速率对比
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异，辅助选择合适曲线。
资源加载时间查看 - Performance API瀑布
显示当前页面所有资源的详细加载时序（DNS、连接、等待、接收），帮助优化。
链接下划线样式生成器 - 悬停动画
配置不同的下划线出现、消失动画（从中间、左侧等），生成链接美化CSS。
彩虹渐变边框生成器 - 动态旋转边框
生成围绕元素不停旋转的多彩渐变边框，通过conic-gradient实现。
Canvas噪点纹理生成 - 可下载背景图
通过Canvas生成不同粒度、颜色的噪点纹理图片，适合用作页面背景或叠加。
简易全景图拼接器 - 两张图左右合成
将两到三张有重叠的手持照片拖入，手动寻找重叠区域自动混合为宽幅全景图。
图片艺术相框生成 - 水彩/油画边框
为图片添加具有绘画质感的不规则边缘相框效果，模拟传统装裱。
卡通自拍生成器 - 边缘平滑加量化色彩
通过联合双边滤波和颜色量化，将自拍简化为柔和平滑的卡通人物风格。
文字编织花样预览器 - 上/下针符号转图案
输入文字描述或符号（如K, P），生成编织花样预览图，方便织女试读图解。
龙曲线分形生成器 - 迭代折线绘制
控制迭代次数，生成越来越复杂的折线龙曲线分形图案。