六大能力
- 调色板 & OKLab最多 8 种颜色在 OKLab 感知色彩空间中混合。拖拽排序,或从任意图片提取主色调。
- 形态与流动13 种 GPU 着色器流体算法——从正弦波到卷曲噪声漩涡,再到有向距离场几何形态。
- 后期处理非破坏性合成层叠加于渐变之上。胶片颗粒、内边框、圆角、3D 鼠标视差倾斜。
- 半调效果半调图案作为 GPU 合成通道渲染。4 种 Bayer 矩阵 × 6 种点形,支持对比度控制。
- ASCII 字符矩阵全画布字符网格实时响应鼠标位置。7 种字符集,支持自定义文本输入。
- 导出最低 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 用于社交媒体内容。
内容创作者
录制短视频循环,启用乒乓播放实现无缝社交媒体内容。无水印,无使用限制。