控件驱动

为什么有效

控件状态和页面结果严格同帧，因果关系不需要旁白；分屏时左边是深色控件、右边是浅色内容，控制和内容在明暗上分区。

参数

时长

特写 0–0.85s，拉出 0.85–1.75s（0.9s）；色点三次拖动 1.9–2.3s（0.4s，12 帧）、3.3–3.7s（0.4s）、6.9–7.4s（0.5s，15 帧）；深色模式开关滑动 5.0–5.17s（5 帧），主题在 5.17s 切换；品牌色弹层 6.1s 再次打开（0.2s）；窗口 8.6s 退场（0.7s），字标 9.1s；全片 11s

缓动

拖动 cubic-bezier(0.65,0,0.35,1)（power3.inOut），色点和光标逐帧取样同一条曲线；自由移动的光标 x 用 expo.out、y 用 power2.out；按下 scale 0.86 历时 0.06s，松开 back.out(2) 0.18s；抓取色点 scale 1.18；页面变化在落点帧硬设置

镜头

开场是检查器和弹层的 2.6x 特写（缓推到 2.66x），用 expo.out 在 0.9s 内拉出到整个窗口 1.3x，然后 linear 缓推 1.3→1.36x，持续到 8.6s

主体

一个网站编辑器：光标在品牌色弹层的 200×132px 色域里拖动色点，依次从靛蓝 #6366f1 到翠绿 #10b981、橙 #f97316、紫罗兰 #8b5cf6；拖动中光标比色点路径偏出 5–6px；深色模式开关在 5.17s 让整页切换主题

同步

色点落定的那一帧，根节点设置 --brand、--brand-t、--soft，十六进制输入框和整个页面一起换色，页面无过渡；旋钮到位那一帧主题变量整体替换；同一条时间轴驱动控件和页面

风格

shadcn 风格的编辑器窗口，浅色（#ffffff 底、#09090b 文字）切换到深色（#09090b 底、#fafafa 文字）；页面强调色取色点颜色

提示词

常见说法

• 拖一下色盘整个网页就变色
• 开关一拨页面立刻变样
• 左边调节右边同时变化

容易混淆

• 同版换肤快切同版换肤快切由剪辑硬切驱动，画面里没有控件；本条画面里有控件，因果由同帧变化表达
• 焦点跳格焦点跳格是高亮块在列表上移动；本条是控件值改变整页状态