卡片转轮：交互规则、默认参数与动效说明

触发方式

详情自动播放，目录悬停演示。点击卡片展开弧形；再次点击居中的卡片放大，再点一次还原；点击空白、All cards 或按 Escape 返回圆环。

起点与终点

初始视图 ring，18 张卡片，由 6 幅原创插画完整重复。圆环居中，弧形顶点位于画布高度的 42%。

时序

视图切换与吸附 700 ms，固定三次方缓出。圆环转速 8°/s，弧形轮播间隔 3.5s；观察倍速只影响运行时钟。

进入与退出

卡片悬停或键盘聚焦时暂停自动运动。拖动圆环或横向拖动弧形，松开吸附到卡片；左右按钮和方向键可切换。纵向滚动留给页面；横向滚轮或 Shift + 滚轮可翻页。

重复操作与打断

快速操作从当前位置转向最新目标，不排队。暂停冻结旋转、翻面与吸附，继续时接续。自动运动持续重复。视图、选中卡片、拖动位置与观察倍速不写入 JSON。

减少动态效果

关闭自动旋转、轮播与翻面；点击、拖动和键盘切换直接到位。

转轮设置

数量 18；转速 8；间隔 3.5；弧度 1；比例 0.8；圆角 0.07；间距 0.18；自动轮播 true；倾斜 true；翻面 true；悬停暂停 true；背面 #171717；背景 #F1F1F1。

默认配置

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

{
  "schemaVersion": 2,
  "recipeId": "orbit-reel",
  "durationMs": 700,
  "delayMs": 0,
  "easing": [
    0,
    0,
    1,
    1
  ],
  "offsetX": 0,
  "offsetY": 0,
  "scale": 1,
  "loop": true,
  "interruption": "retarget",
  "tracks": [],
  "orbit": {
    "defaultView": "ring",
    "count": 18,
    "spin": 8,
    "interval": 3.5,
    "arc": 1,
    "aspect": 0.8,
    "radius": 0.07,
    "gap": 0.18,
    "autoplay": true,
    "tilt": true,
    "flipWave": true,
    "pauseOnHover": true,
    "accentColor": "#171717",
    "backgroundColor": "#F1F1F1"
  }
}

源码与复用

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

用于自己的项目

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

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