词语翻替：交互规则、默认参数与动效说明

触发方式

详情自动按顺序切换，点击文字或播放按钮立即切换下一项。逐轮循环。目录悬停演示；各项按索引轮换，重复文字也不会卡住。

起点与终点

前缀 "Build"，词表 ["beautiful","modern","interactive","creative"]，后缀 "websites with TuneShape"；字号 36px，文字 #737373，切换词 #171717。离场平移 (40, -40)px，放大至 2，模糊 8px。

时序

基础切换 500 ms，每字错峰 50 ms，词间空格额外错峰 300ms。单字进入占基础时长 40%，整次切换至少持续到最后一个字入场结束；随后停留 3000 ms。宽度为词表预留，防止后缀跳位。

进入与退出

旧词向上偏移、放大并模糊淡出，新词逐字从下方淡入；完成后保留新词。

重复操作与打断

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

减少动态效果

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

默认配置

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

{
  "schemaVersion": 2,
  "recipeId": "flip-words",
  "durationMs": 500,
  "delayMs": 0,
  "easing": [
    0.22,
    1,
    0.36,
    1
  ],
  "offsetX": 0,
  "offsetY": 0,
  "scale": 1,
  "loop": true,
  "interruption": "retarget",
  "tracks": [],
  "flipWords": {
    "words": [
      "beautiful",
      "modern",
      "interactive",
      "creative"
    ],
    "prefix": "Build",
    "suffix": "websites with TuneShape",
    "holdMs": 3000,
    "staggerMs": 50,
    "fontSize": 36,
    "blur": 8,
    "exitX": 40,
    "exitY": -40,
    "exitScale": 2,
    "textColor": "#737373",
    "wordColor": "#171717"
  }
}

源码与复用

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

用于自己的项目

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

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