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

面 · Shader 创作

从已有构图模板选择起点,再进入参数创作。

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

检查器

构图与留白

暮色侧幕

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

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

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

运动与定格

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

播放速度
观察相位

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

作品配色

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

保留当前创作

变体写入网址,参数修改暂存本页。导出 JSON 保留配色、形态与相位;模板可通过「以当前参数创作」进入系列保存。

原理与来源

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