快门 CueButton
按下时叶片合上再打开；填充从指针进入的位置张开。
OVERTURE
三个动作语法，一个运动核心。
开幕是光圈，显影是显影，共振是弹簧。
光圈 · 显影 · 弹簧向下滚动，或按 ENTER 开幕
开幕 Open / Occlude
从遮挡到看见。每一个浮层都从请求它的按钮张开，也按原路退回按钮；Esc、遮罩、关闭和保存，四种离开方式共用同一次退场。
- 原语
- iris()
- 进入
- 420–540 ms
- 离开
- 约 0.6 倍，加速离场
ENTER 以舞台弹簧开幕，约 830 ms；拖动开度，光圈带着质量跟随。
对话框 Dialog
从按钮张开，按原路退回按钮。
侧幕 Drawer
幕布先到，内容随后跟上。
取景选项 Popover
从触发按钮张开，点别处时折回。
动作搜索 CommandPalette
列表逐项显影，最多六项。
提示 Toast
快门式出现；底线是剩余时间，悬停时暂停。
换幕 CurtainTransition
两幅幕布从两侧合拢，换幕后分开。
折叠 Accordion
展开与收起都有高度和显影。
显影 Focus / Develop
黑白是等待，彩色是看见。光斑带着惯性跟随目光；选中时，显影液从按下的那一点漫开到整张相纸。重排的东西保留身份，从原来的位置走到新位置。
- 原语
- develop() · flip() · count()
- 重排
- settle 570 ms
- 翻片
- snap 340 ms
抓住底片带拖动：1:1 跟手；甩出去，按速度停在最近的一帧。每 4.8 秒自动走片，悬停即停。
作品档案 EditorialTable
排序时同一行相纸移动到新位置。
关键词 TagInput
新词显影出现，删去的词被裁掉，其余滑到新位置。
幕次 StageTabs
取景框按速度拉长再落定，面板按方向展开。
翻页 Pagination
数字按翻页方向翻转。
共振 Tension / Freeze
张力是一根弹簧。拖动衣料再松手，它带着你的速度越过新张力，来回几次才停；按下凝住，它就停在回荡的中途，再按一次，同一次回荡继续。
- 原语
- spring()
- 回荡
- k 140 · c 3.2
- 周期
- 0.53 s
实际张力设定张力最近 3 秒
曝光 Range
刻度针像表针一样跟随；越过刻度时有齿感。
拨杆 Switch
拨杆带一点过冲落位。
勾选 Check
勾是一笔画出来的。
计数 Stepper
数字按增减方向翻片。
情绪 ChoiceGroup
选中压印从指针进入的位置张开。
显影进度 Progress
每步 4 %，由弹簧连成一次连续的显影。
题名 TextField
写错后离开：朱红线从左侧曝光，提示显影出现。
收藏 IconButton
按下时像印章压下。
夜场 The Roll
胶片有重量。甩出去会滑行；拉到尽头会被拉长再弹回；把一帧向下拖出，它落在桌面上轻轻一弹，然后显影。
- 两端
- 橡皮筋，最多 140 px
- 落桌
- settle 位置 · snap 角度
- 冲击
- 440 ms
追光 Follow Spot
第一面墙：三格滚轮一张，灯位只有六个。前两格转动准星，第三格时光束移向下一张照片：途中稍稍收窄，到达后张开，只停在六个灯位上。第二面墙：两格一张，镜头走弹簧，连续滚动不会中途停顿；移动时稍稍后退，到达时推近。指针拂过相纸，它会绕着图钉摆动。减少动态时，两面墙都改为淡出淡入，不再直接跳换。
- 移光
- settle 570 ms · 途中收至 70 %
- 运镜
- stage 830 ms
- 减少动态
- 淡出淡入 420 ms
动势 The Kernel
三个原语覆盖全部 46 个组件。弹簧用解析解计算：中途改目标时保留位置和速度，冻结时保留位移和速度。CSS 里的 --ov-spring 与 --ov-settle 由同一组常数生成，所以声明式过渡和脚本里的运动是同一种物理。
- 接口
- Overture.motion
- 声音
- Overture.sound
- 减少动态
- 移动改为淡出淡入
| 弹簧 | 常数 | 静止 | 用途 |
|---|
八种合成声音，默认关闭。页头打开后，它们只在有意义的动作上出现；这里的按钮可以直接试听。