LUMEN 文档
打开工作室

LUMEN 工作原理

LUMEN 在你的浏览器中生成循环抽象着色器艺术:液态铬、丝绸、柔和渐变、半调场等。所有内容均通过 WebGL2 实时渲染,每段动画都是完美循环,你的所有创作都可以导出或以代码形式分享。

风格

风格区域选择 9 种基础风格之一:铬、丝绸、绽放、光环、光线、半调、字形、罗纹和马赛克。每种风格都有独立的渲染器和独特的视觉特征。

生成风格远超基础集合:新风格运行一个 12 基因风格合成器,涵盖场类型、域几何、色彩映射、着色模型和表面叠加。每组基因都是一个独立风格,不存在于基础九种之中,以其场原型命名:FLUX(通量)、RIDGE(脊线)、WAVE(波)、RING(环)、CELL(细胞)或 FLOW(流)。随机化大按钮有时也会发现新风格。

找到喜欢的了?保存风格将其存储在浏览器中。保存的风格以标签形式显示,一键即可重新加载,且页面刷新后依然保留。

色彩

形态、光照、纹理、运动

种子每个设计都是确定性的。相同种子,相同图像。输入数字或随机生成。
缩放/细节形态大小和噪声八度数。
扭曲/湍流场向自身折叠的程度和运动时的搅动程度。
拉伸各向异性。正值水平拉伸,负值垂直拉伸。
光照强度、光泽紧度、光照角度、虹彩和辉光。
纹理胶片颗粒、半调和字形密度、脊线数量、色差、暗角、柔和度。
循环长度一个无缝循环的持续时间,2 至 12 秒。
行程场在一次循环中移动的距离。

分享代码

每个设计可序列化为以 LMN1. 开头的紧凑代码。它包含风格、全部五种颜色、种子和所有参数。

渐变套装

套装按钮生成当前设计的 4 至 12 个变体,它们共享风格、调色板和所有设置,但使用不同的种子。它们看起来像一个系列,非常适合网站使用:一个用于主视觉,其他用于卡片或分区背景。

点击缩略图将该种子应用到编辑器,或一键下载整套 PNG 的 ZIP 文件。

导出

每个导出按钮打开一个带有实时预览和设置的对话框,确认后下载。

PNG最高 3840×2160 静态图像,离屏全质量渲染。
WebM 视频使用 WebCodecs 离线编码,VP9 或 VP8,由内置 WebM 封装器封装。24、30 或 60 帧/秒,精确时长以循环数或秒数指定。
GIF帧精确无缝循环,使用无依赖 GIF89a 编码器在页面内编码。可选抖动,永久循环或播放一次。

循环在构造上是无缝的:噪声场沿闭合圆采样,因此最后一帧精确过渡到第一帧。

快捷键

R随机化全部
Space播放或暂停
S以当前设置保存 PNG

技术说明

LUMEN 是一个零依赖的静态页面:一个 WebGL2 超级着色器、一个手写 GIF 编码器、一个 WebM 封装器和一个仅存储的 ZIP 写入器。源代码在 GitHub 上,采用 MIT 许可证。