触发方式

详情页自动解码一次,点击文字或播放按钮重播;目录中悬停演示,移开保留完整文字。按 Tab 聚焦后可用 Enter 或空格重播。

起点与终点

原文 "Lorem ipsum";字符集 "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-={}[];:,.<>/?",噪声色 #999999 → 原文色 #171717,字号 16px。空白保留,支持 Unicode 码点,字符宽度不被噪声撑动。

时序

完整解码 550 ms,逐字间隔 50 ms;噪声刷新 50 ms,开始延迟 0 ms。完成后保持原文,不自动循环。这是视觉解码,不用于数据加密。

进入与退出

未揭示字符持续变换,按顺序归位为原文;完成后保持原文,再次触发从头解码。

重复操作与打断

暂停、预览隐藏和页面进入后台时冻结当前时钟,继续从当前进度接续。更改内容和常用参数同步预览、说明、Motion、JSON 与导出。焦点、实际输入、当前选择、播放进度和观察倍速不写入配置。

减少动态效果

系统要求减少动态效果时直接呈现可读文字或目标状态,保留原生输入、菜单、焦点与键盘操作,不自动循环。

默认配置

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

{
  "schemaVersion": 2,
  "recipeId": "encrypted-text",
  "durationMs": 550,
  "delayMs": 0,
  "easing": [
    0.22,
    1,
    0.36,
    1
  ],
  "offsetX": 0,
  "offsetY": 0,
  "scale": 1,
  "loop": false,
  "interruption": "retarget",
  "tracks": [],
  "encryptedText": {
    "text": "Lorem ipsum",
    "charset": "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-={}[];:,.<>/?",
    "flipDelayMs": 50,
    "fontSize": 16,
    "revealedColor": "#171717",
    "encryptedColor": "#999999"
  }
}

源码与复用

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

用于自己的项目

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

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