• Y AnimationPlayground
研究工作台
  • 实验总览
  • D3
  • Lottie
  • Rive
    • 创作总览
    • 精选 Gallery
    • 版式预设
    • 点
    • 线
    • 面
    • 体
    • Shader 探索
    • Shader Lab
    • Shader 示例
示例库
  • 示例总览
  • SVG 示例
  • Three.js 示例
  • 代码视频示例
项目
  • 版本记录
GitHubX (Twitter)

面 · Shader 创作

在一个核心结构内扩展变体,保存自己的配色、构图与节奏。

创作总览
母版模板库系列创作我的作品设计应用
版式预览
原构图 · 播放中3:2 · 相位 4.0 秒

检查器

模板与系列

保留模板的视觉重心,作为这一组创作的对照。 每个模板有三种起点,可继续自由调整。

保存与继续

我的作品

仅保存在此浏览器,最多 100 件。保存捕获当前相位;继续调整需再次保存。导出 JSON 可跨设备备份。

构图与留白

暮色侧幕

将柔缓色层推向右侧,左侧留出稳定暗区,适合品牌首屏与长标题。

水平位置
垂直位置
构图尺度
构图旋转
侧边留白

排版文字用于检查留白,PNG 仅导出效果。相位变化时也应保留清楚的阅读区。

运动与定格

先定构图,再调整运动和配色。暂停后仍可调整所有参数。

播放速度
观察相位

拖动相位会暂停。离开可见区域自动停绘,返回后从原相位继续。

作品配色

第一层起色
第一层终色
第二层起色
第二层终色
底色

保留当前创作

模板与变体选择写入网址;参数调整暂存本页。保存作品或导出 JSON 保留修改,应用当前创作会带上参数与相位快照。

原理与来源

查看参考实现、改编范围与下一步观察重点。