动态图案生成器
在浏览器中设计动态光影图案：弯曲线条、搭配颜色，并将无缝循环导出为 MP4、WebM、GIF、PNG 或实时代码。免费使用。
从一种风格开始
调整线条形状
建议使用背景透明的 PNG 或 SVG。文件只保存在你的设备上。
拖动画面上的四个节点即可弯曲线条。
拖动画面可移动图案的中心。
选择颜色
线条颜色设置动效
完善风格
印刷效果导出
导出画面上当前显示的这一帧。拖动时间滑块可选择其他帧。
此浏览器无法编码视频。请使用最新版 Chrome、Edge、Firefox 或 Safari，或改为导出 GIF。
GIF 最多只支持 256 种颜色。如需平滑的渐变和较小的文件，请导出视频。
将这段代码粘贴到任何网页，即可实时运行该图案。无需任何库，任意尺寸都清晰锐利，离开屏幕时自动暂停。
文字和徽标图案暂时无法以代码运行。请将它们导出为视频或图片。
此格式不支持透明，将使用背景色。
此工具需要 WebGL 2，但你的浏览器或设备已将其关闭。请在浏览器设置中开启硬件加速，或换一个浏览器试试。
在你的设备上完成，不会上传任何内容。
Saved designs
0关于 动态图案生成器
动态图案生成器是一个免费的光影图案工作室。彩色线条由你的显卡实时绘制，每次调整都立刻可见：扇形、隧道、螺旋、花朵、等高线图、旋转的地球仪、电路芯片等应有尽有。先选一个现成的风格，再调整线条、颜色和动效，直到图案与你的品牌完美契合。
你可以手动弯曲线条，让线条沿任意文字或徽标的轮廓流动，从图片中提取配色，或直接粘贴品牌色。每段动画都由整数个周期构成，最后一帧会直接衔接第一帧，循环不会出现跳变。
可导出最高 4K 的 MP4 或 WebM 视频、GIF，以及最高 8K 的 PNG、JPG 或 WebP 静态图片，格式支持时还可使用透明背景。你也可以复制实时代码，无需任何库就能在任何网站上运行该图案。所有操作都在你的设备上完成，不会上传任何内容。
如何使用 动态图案生成器
- 选择一个风格作为起点，或点击“随机生成”获得全新设计。
- 选择图案并调整线条。拖动画面可移动图案中心，也可输入一个词，让线条围绕它流动。
- 选择一套配色，粘贴你的 hex 代码，或从图片中提取颜色。
- 设置动效、循环时长和速度，再用发光、3D 管状、长虹玻璃或胶片颗粒完善风格。
- 选择画面比例：16:9、正方形、竖版、故事、横幅或自定义尺寸。
- 导出视频、GIF 或图片，或复制代码，在你的网站上实时运行。