WebGL渐变引擎

OKLab 色彩科学。13 种流体算法。半调、ASCII 矩阵,三种导出格式。免费,完全在浏览器中运行。

13 种算法3 种导出格式免费 · 无需登录

六大能力

  • 调色板 & OKLab最多 8 色oklabrgb图像提取最多 8 种颜色在 OKLab 感知色彩空间中混合。拖拽排序,或从任意图片提取主色调。
  • 形态与流动13 种算法glsl60fps13 种 GPU 着色器流体算法——从正弦波到卷曲噪声漩涡,再到有向距离场几何形态。
  • 后期处理胶片颗粒内边框圆角3D 视差非破坏性合成层叠加于渐变之上。胶片颗粒、内边框、圆角、3D 鼠标视差倾斜。
  • 半调效果4 种矩阵6 种点形gpu半调图案作为 GPU 合成通道渲染。4 种 Bayer 矩阵 × 6 种点形,支持对比度控制。
  • ASCII 字符矩阵7 种字符集鼠标交互热力衰减全画布字符网格实时响应鼠标位置。7 种字符集,支持自定义文本输入。
  • 导出pngmp4html2× 分辨率最低 2× 分辨率 PNG、含乒乓循环的 MP4/WebM,或零依赖独立 HTML 文件。

13 种算法

每种算法均作为 GLSL 片段着色器在 GPU 上运行。

经典周期

  • 正弦/余弦平滑周期波形
  • 结构映射有序几何渐变
  • 线性分层建筑感水平分层

有机混沌

  • 流体动力学湍流噪声运动
  • 域扭曲大理石 UV 畸变
  • 卷曲噪声无散度漩涡流
  • 极坐标漩涡宇宙螺旋结构

拓扑几何

  • 径向等高线同心环等高线
  • 锥形扫描角度极坐标扇区
  • 嵌套 SDF 形态SDF 数学几何光晕

扩散

  • 扩散渐变柔和程序性色彩扩散
  • 扩散流体图像扭曲混合场
  • 程序 SDF多点距离场

多格式导出

PNG

静态资产

全分辨率截图,最低 2× 设备像素比。包含所有激活图层:渐变、半调、ASCII 矩阵和颗粒效果。

MP4

视频循环

实时录制动画,支持乒乓循环无缝播放。不支持的浏览器自动降级为 WebM 格式。

HTML

嵌入任意页面

包含完整 WebGL 着色器和所有参数的独立文件。直接放入 iframe,零依赖,零构建步骤。

为创作者而生

ui/ux 设计师

为落地页和 Hero 区域生成动态渐变背景。导出 PNG 用于静态设计稿,或导出 MP4 用于提案演示。

前端开发者

导出独立 HTML 通过 iframe 嵌入。一个文件,无构建步骤,在任何 Web 项目中实现全屏动态背景。

品牌设计师

上传品牌参考图片提取主色调,混合生成流体渐变,导出 MP4 用于社交媒体内容。

内容创作者

录制短视频循环,启用乒乓播放实现无缝社交媒体内容。无水印,无使用限制。

免费。无需账户。无需安装。