触发方式

目录中进入预览播放扫描，详情中自动运行；词组可悬停或键盘聚焦，点击空白重新排布。 详情中自动扫描，播放按钮暂停或接续当前阶段。词组聚焦时冻结扫描，点击空白或重排按钮开始一轮新排布。

起点与终点

字符墙的解码周期进度：0 → 1；整体的横向位移：0 → 0；整体的纵向位移：0 → 0；整体的缩放：1 → 1。

时序

扫描 2600 ms，停留 5000 ms，消散 650 ms，轮间停顿 800 ms；整轮 9050 ms。 初始延迟 0 ms。

进入与退出

扫描带经过网格时，词组按所在位置逐字解码；完整呈现后停留，再消散回噪声。词组聚焦时清除附近噪声、压暗其余词组并保持当前时钟。按配置重复整轮；每轮是否重排由设置决定。

重复操作与打断

暂停保持当前相位、噪声和解码进度，继续时接续。词组悬停和键盘聚焦保持时钟；离开或失焦继续。点击空白重新排布并从头扫描；参数更改从新配置初态重播，不排队。随机种子、聚焦和观察倍速不写入配置。

减少动态效果

遵循系统减少动态效果设置，直接显示完整词组；不扫描、不扰动、不循环。观察倍速不写入配置。

文字墙设置

词组 "HELLO|TUNESHAPE|EXPLORE|CREATE|IDEA|OROCOA"；排布 scatter；方向 down；字符集 letters；字号 14px；密度 0.7；噪声基础不透明度 0.1；扰动 12Hz；逐字跨度 0.5；扫描带半宽比例 0.09；每轮重排 true；词组色 #171717；噪声色 #777777。

默认配置

这些数值来自当前维护的默认配置；编辑器草稿和调整后的导出可以不同。

{
  "schemaVersion": 2,
  "recipeId": "glyph-wall",
  "durationMs": 2600,
  "delayMs": 0,
  "easing": [
    0,
    0,
    1,
    1
  ],
  "offsetX": 0,
  "offsetY": 0,
  "scale": 1,
  "loop": true,
  "interruption": "retarget",
  "tracks": [
    {
      "part": "wall",
      "property": "glyphPhase",
      "values": [
        0,
        1
      ],
      "times": [
        0,
        1
      ],
      "start": 0,
      "span": 1
    }
  ],
  "wall": {
    "words": "HELLO|TUNESHAPE|EXPLORE|CREATE|IDEA|OROCOA",
    "layout": "scatter",
    "direction": "down",
    "charset": "letters",
    "fontSize": 14,
    "density": 0.7,
    "wallOpacity": 0.1,
    "scrambleHz": 12,
    "holdMs": 5000,
    "restMs": 800,
    "stagger": 0.5,
    "bandWidth": 0.09,
    "shuffle": true,
    "color": "#171717",
    "noiseColor": "#777777"
  }
}

源码与复用

GitHub 对应示例提供公开渲染源码、默认配置和运行入口。复用前请阅读交互说明，并保留随源码附带的第三方与字体许可；完整网页编辑器由独立工程维护。

用于自己的项目

进入编辑器运行真实预览并比较调整；本说明页不另造一份近似演示。把导出用于自己的项目后，重新检查内容、输入、焦点与布局。

目录来源标注：原创实现. 第三方示例保留自己的许可与署名；公开仓库包含全部当前动效的渲染源码；完整编辑器由独立工程维护。