- 正方形 - 经典的四边对称基础形状,适合构建整齐的网格图案
- 圆形 - 柔和的曲线形状,营造流畅的视觉感受
- 三角形 - 锐利的三边形状,创造动感和方向感
- 六边形 - 自然界最高效的密铺形状,蜂巢结构的灵感来源
- 菱形 - 倾斜的正方形,增添图案的动态效果
- 星形 - 闪耀的多角星,适合装饰性图案设计
- 十字形 - 简洁的交叉形状,常用于宗教和文化图案
- 圆环 - 空心圆环形状,增加图案的层次感
- 方形网格 - 标准的行列对齐布局,最简单直观的排列方式
- 砖块偏移 - 模拟砖墙排列,奇数行与偶数行错位半个单元
- 六边形网格 - 蜂窝状排列,每行三个方向的邻居,空间利用率最高
- 三角形网格 - 三角形密铺布局,适合创建马赛克风格图案
- 菱形网格 - 菱形排列方式,为图案增添倾斜的韵律感
- 平移重复 - 基础的复制排列,简单而有序
- 棋盘交替旋转 - 相邻单元交替方向,形成棋盘般的节奏
- 水平镜像 - 左右对称翻转,创造完美的镜像效果
- 垂直镜像 - 上下对称翻转,形成水平轴对称图案
- 四重旋转 - 每90度旋转一次,具有四阶旋转对称性
- 六重旋转 - 每60度旋转一次,呈现六边形的完美对称
参数调节
- 单元大小 - 控制每个图案单元的基础尺寸,从微小的细节到醒目的大型图案
- 间距 - 调整单元之间的距离,影响图案的疏密程度
- 旋转角度 - 自由旋转图案单元,创造动态的视觉效果
- 透明度 - 控制形状的可见程度,实现半透明叠加效果
颜色系统
- 背景色 - 设定图案的整体底色基调
- 形状色1 - 主要形状的填充颜色
- 形状色2 - 备选形状颜色,用于交替和渐变效果
- 描边色 - 形状轮廓线的颜色
- 描边宽度 - 控制轮廓线的粗细程度
- 暖色调预设 - 包含橙色、红色和黄色系组合,营造温暖热烈的视觉氛围
- 冷色调预设 - 包含蓝色、紫色和青色系组合,传递冷静优雅的设计气质
- 自然色调预设 - 包含绿色、棕色和米色系组合,呼应自然与生态主题
- 单色系预设 - 同一色相的不同明度和饱和度变化,呈现统一而富有层次的视觉效果
- 高对比预设 - 黑白或互补色组合,适合需要强烈视觉冲击的设计场景
- PNG导出 - 将图案导出为位图格式,适合网页展示和社交媒体分享。支持原始分辨率输出,确保图案在各种屏幕上清晰显示
- SVG导出 - 将图案导出为矢量格式,适合印刷输出和大幅面设计。矢量格式可无限缩放而不失真,方便后续在专业设计软件中编辑
- 一键随机 - 快速生成全新图案组合,每次点击获得不同的形状、网格、对称和配色方案,是探索创意灵感的高效方式
- 恢复默认 - 将所有参数重置为初始状态,方便从零开始新一轮的图案创作
莫比乌斯环可视化 - 3D网页旋转展示
用WebGL或Three.js(轻量版)展示一条旋转的莫比乌斯带,可用鼠标拖拽视角。
简易全景图拼接器 - 两张图左右合成
将两到三张有重叠的手持照片拖入,手动寻找重叠区域自动混合为宽幅全景图。
单线一笔画艺术 - 将图片变成连续曲线
用一根连续不断的回旋曲线填充并重绘图片的原理,创造独特单线艺术。
基线网格覆盖层生成器 - 垂直韵律对齐
在页面上叠加可调节的基线网格,可视化检查文字是否对齐基线,实现精确排版。
朱利亚集分形探索 - 互动缩放彩色复数
交互式探索Julia集,实时调整复数参数c,支持平滑着色和鼠标缩放,感受分形之美。
故事板草图模板 - 6格或9格布局涂鸦
提供多格布局,简单笔刷绘制故事分镜,辅助视频策划。
交互式图像分割演示 - 点击分离对象
在图像上点击,利用前端模型将点击范围内的主要物体自动从背景分离。
龙曲线分形生成器 - 迭代折线绘制
控制迭代次数,生成越来越复杂的折线龙曲线分形图案。
DOM 变更性能分析器 - 记录并统计重排重绘
开启监听后操作页面,统计 DOM 变化次数和频率,帮助定位布局抖动。
勾股定理证明动画 - 面积拼图法演示
通过正方形面积拼图动画直观证明 a²+b²=c²,支持多种经典证明方法切换。
圆形迷宫生成器 - 递归分割/漩涡算法
生成非矩形、由内向外发散的圆形迷宫,支持打印用于幼儿专注力训练。
形状过渡分割线生成 - 页面区块曲线背景
生成用于网页各区块间的波浪或倾斜过渡分割线,导出为SVG或CSS代码。
灵感拼贴板 - 图片随意拖放排版
上传图片随意摆放、缩放、旋转,创建个人愿景或情绪板。
万花尺绘制工具 - 经典螺旋曲线生成
模拟万花尺(Spirograph)绘制数学曲线,可调节内外圆半径和画笔位置,产出美丽图案。
抽象圆点艺术生成 - 随机多彩圆形排列
生成由不同大小、颜色和透明度的圆组成的抽象画作,可下载为壁纸。
图像排线效果 - 交叉阴影线手绘风格
用密集的交叉线条重绘图片,光影由线条的粗细和密度决定,模拟版画排线风格。
卡通化效果 - 边缘+色彩量化模拟绘画
将照片处理为类似卡通或漫画风格,结合双边滤波和边缘强化的模拟。
二叉树遍历动画 - 前/中/后/层序可视化
构建或随机生成二叉树,逐步动画展示前序、中序、后序和层序遍历的路径。
Canvas噪点纹理生成 - 可下载背景图
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
渐变背景合集 - 现成UI Gradient一键复制
精选数百种流行渐变配色,点击即复制CSS代码,用于网页或应用背景。
文字编织花样预览器 - 上/下针符号转图案
输入文字描述或符号(如K, P),生成编织花样预览图,方便织女试读图解。
排版比例预览器 - 模块化比例尺生成
选择基数大小与比例(如黄金比例),预览标题到正文字号层叠样式序列。
素数搜索动画 - 试除法与埃拉托斯特尼筛法动态比较
并行动画展示试除法和埃拉托斯特尼筛法查找素数的过程,对比效率。
浮动图片拼贴画 - 拖拽随意摆放多图
上传多张图片,在画布上自由拖拽位置、旋转和调整大小,创造自由拼贴。
CSS图案生成器 - 条纹/格子/圆点背景代码
选择条纹、网格、波点等预设图案,调节颜色和尺寸,生成纯CSS background代码。
链接下划线样式生成器 - 悬停动画
配置不同的下划线出现、消失动画(从中间、左侧等),生成链接美化CSS。
迷宫生成器 - 算法随机迷宫Canvas绘制
使用递归回溯或Prim算法生成随机迷宫,可设置尺寸,生成后提供求解动画或图片导出。
拼豆设计器 - 图案布局并导出色号
在网格上放置彩色珠子,设计像素图案,导出珠数统计和色号清单,方便购买。
色彩搭配方案生成器 - 互补/三角/矩形调色
根据一个基础色生成互补色、分裂互补、三角色、矩形色等经典配色方案,并显示色块和代码。
嵌入式Logo二维码设计器 - 自定义颜色与中心图
输入链接,上传Logo嵌入中心,选择颜色与模板,生成个性化高容错艺术码。
UD5工具箱