dsh-drawai 0.4.2 → 0.4.3

package/lib/motion/shotcraft/upstream/references/shots/transition/tear-streak-transitions.md

@@ -1,48 +1,48 @@
----
-name: tear-streak-transitions
-一句话: 撕裂转场——glitch-displace 噪声撕裂（16 横条错位抖动中硬切），数字故障语义的条带级撕裂
-适用: 高能换页：数字故障/断裂语义；页面完整性不破、能量拉满的条带级撕裂
-时长: 前态 ≥40f + 撕裂 16–24f + 收尾 ≥40f，约 4.5s（135f）
-能量: 高
-标签: effects
----
-
-## 意图
-本卡管**条带级撕裂**——页面被切成横条高速运动，但每条内容完整。
-这是反复裁决划出的品味分界：碎块系转场三连否（doom-melt 竖条坠落、
-pixel-dissolve 方块翻黑、facade-block 砖块翻飞全部淘汰），条带系过关。碎块读作"页面被破坏"，条带读作"页面在高速
-运动"——完整性不破、能量却拉满。横向撕：条带左右错位抖动 +
-双色剪影重影（RGB split 的克制版：同一页内容的两份单色剪影，只用画面强调色两色，±12px 错开）。
-适用系统故障/瞬间跳变语义——demo 用它做"发布控制台从 Rolling out 99% 跳到 is live"的状态跳变。
-
-## 单式选型
-| 式 | 做法 | 适用 |
-|----|------|------|
-| A glitch-displace | 16 条不等高水平条带（外层裁剪+内层整页 translateY 对位），每条 translateX 由库标 h(i*31+f*7) 驱动 ±70px 抖动，叠双色剪影重影 + 扫描亮线；54f 满幅抖动中硬切 B 页，再抖 6f 至 60f 归位 | 故障/断裂语义；状态跳变（上线、切换版本）；高潮前的暴力换页 |
-
-## 参数表
-| 参数 | 典型值 | 调节手感 |
-|------|--------|----------|
-| 抖幅 | ±70px，按条分能量（约两成不动 / 三成满幅 / 其余轻颤），位移过指数 0.6 推向两端；底层垫完整页防露底缝 | 峰值帧条带错位必须肉眼明显——±12px 级读不出撕裂；全员同幅乱抖像水波 |
-| 包络 | 44–47f out-cubic 冲起 → 平台 → 54–60f 线性消散 | 冲击判例：扩散 out-cubic、消散线性 |
-| 重影 | ±12px 双色剪影（页面内容的强调色单色副本，screen 叠加，随条一起错位，只给错位大的条） | 无重影只是抖不是 glitch；剪影只画内容不画底，暗场上才不发灰 |
-| 切边 / 扫描线 | 错位 >25px 的条上沿 1.5px 亮线、下沿 3px 暗渐变；每帧 2 根随机高度全宽扫描亮线 | 每条都画亮边会读成横格纸——只给重撕条 |
-| 切点掩护 | 54f 曝光 1.28 / 55f 1.12 + 整屏 1.6% 冲击放大 6f 收回；30–31f 两条细条 ±12px 前兆 | 前兆是预备：观众先"感到不对"再撕 |
-| 摘罩 | 60f 起条带、重影、扫描线、filter 全部条件卸载直出裸 B | opacity 0 不算摘；滤镜残留毁真静止 |
-| 收尾 | 75f（余波 40f：区域格青绿波、计数、指标升起 + hold 35f） | R1；余波只在页面内容层，不再有撕裂元素 |
-
-## 已知坑
-- demo 在程序绘制的暗场控制台页（midnight look）上调校——参数是调校起点非实战定稿，
-  首次实战须以真实素材回验；亮底页面上剪影重影改 multiply 才看得见
-- **条带不碎块**——后续同类手法一律做条带：横条各自完整，
-  绝不裂成方块/砖块/独立坠落物（三连否判例，见意图）
-- 高能转场，与 whip-pan/crash 系同片注意能量预算——
-  高能转场挤在一起互相稀释
-- 硬切藏在满幅抖动中（54f 切、60f 归位）——切点暴露在静止帧上
-  就失去了 glitch 的掩护
-- 条带页必须自带不透明底（渐变 + 点阵），暗角与颗粒只在最上层画一次——
-  透明条带会和底层整页叠影，暗角跟着条带错位会露馅
-
-## 参考实现
-demos/transition/tear-streak-transitions/
-（GlitchDisplace.tsx）
+---
+name: tear-streak-transitions
+一句话: 撕裂转场——glitch-displace 噪声撕裂（16 横条错位抖动中硬切），数字故障语义的条带级撕裂
+适用: 高能换页：数字故障/断裂语义；页面完整性不破、能量拉满的条带级撕裂
+时长: 前态 ≥40f + 撕裂 16–24f + 收尾 ≥40f，约 4.5s（135f）
+能量: 高
+标签: effects
+---
+
+## 意图
+本卡管**条带级撕裂**——页面被切成横条高速运动，但每条内容完整。
+这是反复裁决划出的品味分界：碎块系转场三连否（doom-melt 竖条坠落、
+pixel-dissolve 方块翻黑、facade-block 砖块翻飞全部淘汰），条带系过关。碎块读作"页面被破坏"，条带读作"页面在高速
+运动"——完整性不破、能量却拉满。横向撕：条带左右错位抖动 +
+双色剪影重影（RGB split 的克制版：同一页内容的两份单色剪影，只用画面强调色两色，±12px 错开）。
+适用系统故障/瞬间跳变语义——demo 用它做"发布控制台从 Rolling out 99% 跳到 is live"的状态跳变。
+
+## 单式选型
+| 式 | 做法 | 适用 |
+|----|------|------|
+| A glitch-displace | 16 条不等高水平条带（外层裁剪+内层整页 translateY 对位），每条 translateX 由库标 h(i*31+f*7) 驱动 ±70px 抖动，叠双色剪影重影 + 扫描亮线；54f 满幅抖动中硬切 B 页，再抖 6f 至 60f 归位 | 故障/断裂语义；状态跳变（上线、切换版本）；高潮前的暴力换页 |
+
+## 参数表
+| 参数 | 典型值 | 调节手感 |
+|------|--------|----------|
+| 抖幅 | ±70px，按条分能量（约两成不动 / 三成满幅 / 其余轻颤），位移过指数 0.6 推向两端；底层垫完整页防露底缝 | 峰值帧条带错位必须肉眼明显——±12px 级读不出撕裂；全员同幅乱抖像水波 |
+| 包络 | 44–47f out-cubic 冲起 → 平台 → 54–60f 线性消散 | 冲击判例：扩散 out-cubic、消散线性 |
+| 重影 | ±12px 双色剪影（页面内容的强调色单色副本，screen 叠加，随条一起错位，只给错位大的条） | 无重影只是抖不是 glitch；剪影只画内容不画底，暗场上才不发灰 |
+| 切边 / 扫描线 | 错位 >25px 的条上沿 1.5px 亮线、下沿 3px 暗渐变；每帧 2 根随机高度全宽扫描亮线 | 每条都画亮边会读成横格纸——只给重撕条 |
+| 切点掩护 | 54f 曝光 1.28 / 55f 1.12 + 整屏 1.6% 冲击放大 6f 收回；30–31f 两条细条 ±12px 前兆 | 前兆是预备：观众先"感到不对"再撕 |
+| 摘罩 | 60f 起条带、重影、扫描线、filter 全部条件卸载直出裸 B | opacity 0 不算摘；滤镜残留毁真静止 |
+| 收尾 | 75f（余波 40f：区域格青绿波、计数、指标升起 + hold 35f） | R1；余波只在页面内容层，不再有撕裂元素 |
+
+## 已知坑
+- demo 在程序绘制的暗场控制台页（midnight look）上调校——参数是调校起点非实战定稿，
+  首次实战须以真实素材回验；亮底页面上剪影重影改 multiply 才看得见
+- **条带不碎块**——后续同类手法一律做条带：横条各自完整，
+  绝不裂成方块/砖块/独立坠落物（三连否判例，见意图）
+- 高能转场，与 whip-pan/crash 系同片注意能量预算——
+  高能转场挤在一起互相稀释
+- 硬切藏在满幅抖动中（54f 切、60f 归位）——切点暴露在静止帧上
+  就失去了 glitch 的掩护
+- 条带页必须自带不透明底（渐变 + 点阵），暗角与颗粒只在最上层画一次——
+  透明条带会和底层整页叠影，暗角跟着条带错位会露馅
+
+## 参考实现
+demos/transition/tear-streak-transitions/
+（GlitchDisplace.tsx）

package/lib/motion/shotcraft/upstream/references/shots/transition/transition-hidden-cut.md

@@ -1,55 +1,55 @@
----
-name: transition-hidden-cut
-一句话: 藏切点转场三式——前景遮挡隐形切、对撞开屏、暖色漏光，硬切藏进遮挡/撞击/光峰的 1-3 帧里，观众看不见剪刀
-适用: 两镜衔接处需要"无痕换景"或"仪式感开屏"时（技法卡，与 shot-transitions 三式同层选型）
-时长: n/a（技法卡；各式占用帧数见参数表，从相邻镜头预算里划）
-能量: n/a（技法卡，不占能量位）
----
-
-## 意图
-与 shot-transitions A 式 flash-cut 同族：flash-cut 用一层白闪盖住硬切，
-这三式换了三种"障眼物"——扫过的前景卡片（A）、对撞的撞击帧（B）、
-爬到顶峰的漏光（C）。共同原理是魔术误导：观众的眼睛被大动作/强光
-吸走的那 1-3 帧里完成硬切，回过神来景已经换了，全程"看不见剪刀"。
-flash-cut 是最素的一款；要方向感选 A，要仪式感选 B，要温度选 C。
-
-## 三式选型
-| 式 | 做法 | 适用接缝 |
-|----|------|----------|
-| A invisible-cut 前景遮挡隐形切 | 一块贴着镜头掠过的失焦前景物（超画幅、软边 = 失焦+运动模糊）横扫，盖满全屏的遮挡帧内背景 A→B 硬切，前景扫出观众以为还是同一镜 | 想让换景完全无痕的页面→页面；伪"一条 take"的主力款 |
-| B versus-slam 对撞开屏 | 左右两半屏（两张对比海报）带斜切边从画外加速对冲撞合，撞击帧白闪+震屏+VS 盖章，切点就是撞击本身 | 对比/对阵语义的开屏或章节头（新旧方案、双产品、before/after）|
-| C light-leak-burn 暖色漏光 | 三段色温的暖色漏光沿对角线斜扫，光峰帧吞掉旧画面七成以上时硬切新画面，光退散时新画面已就位 | 想要暖调/胶片味的章节过渡；比白闪柔、有方向、有温度 |
-
-## 参数表
-| 参数 | 典型值 | 调节手感 |
-|------|--------|----------|
-| A 遮挡物 | 纯渐变绘制的深棕失焦前景：实心核 2600px + 两侧 340px 软边（总宽 3280），前缘一道赤陶轮廓光；右→左 14f（32–46f），bezier(0.3,0,0.7,1)；切点 = 实心核盖满 0..1920 的那一帧（demo 里 f39，前后各一帧由软边盖住） | 软边渐变本身就是失焦+运动模糊，不必 CameraMotionBlur（12 倍采样太贵）；遮挡物上的明暗叠层要用 mask 限在实心区，否则在透明软边上画出硬边 |
-| A 近物遮光 | 遮挡物前方 640px 软投影（0→0.38→0.5）随之扫过页面 | 卖"贴着镜头掠过"的距离感 |
-| A 一条 take | 全程内容慢横移 +40→−40px（smooth）贯穿切点；切前 A 被拖左 28px（ease-in），切后 B 从右 28px 14f 回稳（ease-out）；B 页排版整体右移 40px 抵消横移终点 | 卖"同一镜被风带了一下"的错觉，是无痕感的一半功劳；横移会吃安全边，终点要预留 |
-| A 因果 | 24f 按下 Render（0.96 缩放 + 压暗 + Rendering… 转圈）→ 扫过 → B「That's a wrap.」渲染完成票根 + 印章弹簧落座、对勾描画 | 遮挡前给一个动作，切后给结果，观众读成"一晃就办好了" |
-| B 斜缝几何 | clip-path polygon 斜边约 78°（缝顶 x=1075→缝底 x=845）；两半屏从 ±1240px 以 ease-in(cubic) 10f 对冲到位（18–28f），按速度横向运动模糊（封顶 36px） | ease-in 加速才有"砸"感；垂直缝读作 PPT 分屏 |
-| B 撞击三件套 | 撞击帧（28f）同发：纸白闪 0.85→0 共 3f + 整机 shake 16px·e^(−t/1.7) 约 5f 收干 + VS 圆章弹簧压出（damping 12 / stiffness 260，scale 1.9→1，一次可见过冲）；另加冲击环 16f + 12 根放射速度线 7f | 三件必须同帧起跑，错开一帧就散；震屏幅度须过肉眼阈值（可感性判例）|
-| B 版式 | 两方做成色块海报：墨黑「The old way」vs 朱红「With video-shotcraft」，各一个 340px 大数字（14 days / 1 prompt）+ 44px 说明 + 32px 清单；撞后数字 1.05→1 回弹（晚 2f），说明左先右后错峰；54f 起底部结论条（镜刻标志 + 品牌口号）压在斜缝上 | 数字本身就是对比结论；建立段放一句设问，墨线预示斜缝（字带处留空不划字） |
-| C 光层 | 3 团沿对角线拉长（1.35:1、转 −34°）的径向渐变椭圆（#c2311a / #ff5a1f / #ffb347，长径 3000/2300/1700px，screen，不用 blur 滤镜）+ 右上缘片门溢光线性光带，沿右上→左下扫 71f | 光团偏移沿扫掠方向拖尾排布，避免完美同心的"手电筒感"；渐变本身就软，省掉 90px 大模糊 |
-| C 光强包络 | ease-in（t²）爬升 28f（24–52，蓄力）→ 峰值帧藏切 → ease-out 收敛 43f（余温）；峰值叠 40% 全屏暖罩 + 近白热核（opacity=intensity³）+ 切点 2f 轻抬 | 爬升慢收敛快会读作故障闪光；热核只在临近峰值烧起来 |
-| C 冲淡 | 峰值时页面 filter：brightness 抬 85%、contrast 降 50%、saturate 降 25%；旧画面标题随光强淡到 ~25% | 这是"烧穿"感的来源——光只叠不冲淡，读作贴了张贴纸；标题不跟着烧淡，切点会看到字突然换掉 |
-
-## 已知坑
-- demo 在程序绘制的画面上调校（A 暖沙 video-shotcraft 渲染页 / B 纸面对比海报 / C 暗场 video-shotcraft 取景器夜→黄昏，
-  品牌短句「Frame motion. / Craft the shot.」被光峰切成两半）——
-  参数是调校起点非实战定稿，首次实战须以真实素材回验
-- C 式是 Q4 光效判例解封后首个入库光效手法——严守 Q4 三约束：
-  单点使用（一支片一处，不群发）、正常速度回放自检好看才算过、
-  光效服务切点而非装饰；与 flash-cut 同片混用算两次光效藏切
-- A 式遮挡物必须真的全遮：demo 里实心核 2600px 才留出约 1 帧的全遮窗口
-  （中段速度 ~530px/帧）——改扫掠时长或宽度后先逐帧算/看切点帧有没有露出背景边缘，
-  露一条缝整个魔术就穿帮
-- B 式 VS 字块语义仅适配"对比/对阵"内容——没有两方对峙关系时
-  别当通用转场用；去掉 VS 只留对撞则退化为一款斜缝 wipe，语义要求同降
-- 转场不叠加（规矩同 shot-transitions）：一个接缝只用一式；
-  这三式与 shot-transitions 三式同层选型，同片同类接缝别既用 flash-cut 又用 C 式
-- 分镜表阶段就逐接缝标注（写进"关键动效"列），帧预算从相邻镜头划（R3）
-
-## 参考实现
-demos/transition/transition-hidden-cut/
-（InvisibleCut.tsx / LightLeakBurn.tsx / VersusSlam.tsx）
+---
+name: transition-hidden-cut
+一句话: 藏切点转场三式——前景遮挡隐形切、对撞开屏、暖色漏光，硬切藏进遮挡/撞击/光峰的 1-3 帧里，观众看不见剪刀
+适用: 两镜衔接处需要"无痕换景"或"仪式感开屏"时（技法卡，与 shot-transitions 三式同层选型）
+时长: n/a（技法卡；各式占用帧数见参数表，从相邻镜头预算里划）
+能量: n/a（技法卡，不占能量位）
+---
+
+## 意图
+与 shot-transitions A 式 flash-cut 同族：flash-cut 用一层白闪盖住硬切，
+这三式换了三种"障眼物"——扫过的前景卡片（A）、对撞的撞击帧（B）、
+爬到顶峰的漏光（C）。共同原理是魔术误导：观众的眼睛被大动作/强光
+吸走的那 1-3 帧里完成硬切，回过神来景已经换了，全程"看不见剪刀"。
+flash-cut 是最素的一款；要方向感选 A，要仪式感选 B，要温度选 C。
+
+## 三式选型
+| 式 | 做法 | 适用接缝 |
+|----|------|----------|
+| A invisible-cut 前景遮挡隐形切 | 一块贴着镜头掠过的失焦前景物（超画幅、软边 = 失焦+运动模糊）横扫，盖满全屏的遮挡帧内背景 A→B 硬切，前景扫出观众以为还是同一镜 | 想让换景完全无痕的页面→页面；伪"一条 take"的主力款 |
+| B versus-slam 对撞开屏 | 左右两半屏（两张对比海报）带斜切边从画外加速对冲撞合，撞击帧白闪+震屏+VS 盖章，切点就是撞击本身 | 对比/对阵语义的开屏或章节头（新旧方案、双产品、before/after）|
+| C light-leak-burn 暖色漏光 | 三段色温的暖色漏光沿对角线斜扫，光峰帧吞掉旧画面七成以上时硬切新画面，光退散时新画面已就位 | 想要暖调/胶片味的章节过渡；比白闪柔、有方向、有温度 |
+
+## 参数表
+| 参数 | 典型值 | 调节手感 |
+|------|--------|----------|
+| A 遮挡物 | 纯渐变绘制的深棕失焦前景：实心核 2600px + 两侧 340px 软边（总宽 3280），前缘一道赤陶轮廓光；右→左 14f（32–46f），bezier(0.3,0,0.7,1)；切点 = 实心核盖满 0..1920 的那一帧（demo 里 f39，前后各一帧由软边盖住） | 软边渐变本身就是失焦+运动模糊，不必 CameraMotionBlur（12 倍采样太贵）；遮挡物上的明暗叠层要用 mask 限在实心区，否则在透明软边上画出硬边 |
+| A 近物遮光 | 遮挡物前方 640px 软投影（0→0.38→0.5）随之扫过页面 | 卖"贴着镜头掠过"的距离感 |
+| A 一条 take | 全程内容慢横移 +40→−40px（smooth）贯穿切点；切前 A 被拖左 28px（ease-in），切后 B 从右 28px 14f 回稳（ease-out）；B 页排版整体右移 40px 抵消横移终点 | 卖"同一镜被风带了一下"的错觉，是无痕感的一半功劳；横移会吃安全边，终点要预留 |
+| A 因果 | 24f 按下 Render（0.96 缩放 + 压暗 + Rendering… 转圈）→ 扫过 → B「That's a wrap.」渲染完成票根 + 印章弹簧落座、对勾描画 | 遮挡前给一个动作，切后给结果，观众读成"一晃就办好了" |
+| B 斜缝几何 | clip-path polygon 斜边约 78°（缝顶 x=1075→缝底 x=845）；两半屏从 ±1240px 以 ease-in(cubic) 10f 对冲到位（18–28f），按速度横向运动模糊（封顶 36px） | ease-in 加速才有"砸"感；垂直缝读作 PPT 分屏 |
+| B 撞击三件套 | 撞击帧（28f）同发：纸白闪 0.85→0 共 3f + 整机 shake 16px·e^(−t/1.7) 约 5f 收干 + VS 圆章弹簧压出（damping 12 / stiffness 260，scale 1.9→1，一次可见过冲）；另加冲击环 16f + 12 根放射速度线 7f | 三件必须同帧起跑，错开一帧就散；震屏幅度须过肉眼阈值（可感性判例）|
+| B 版式 | 两方做成色块海报：墨黑「The old way」vs 朱红「With video-shotcraft」，各一个 340px 大数字（14 days / 1 prompt）+ 44px 说明 + 32px 清单；撞后数字 1.05→1 回弹（晚 2f），说明左先右后错峰；54f 起底部结论条（镜刻标志 + 品牌口号）压在斜缝上 | 数字本身就是对比结论；建立段放一句设问，墨线预示斜缝（字带处留空不划字） |
+| C 光层 | 3 团沿对角线拉长（1.35:1、转 −34°）的径向渐变椭圆（#c2311a / #ff5a1f / #ffb347，长径 3000/2300/1700px，screen，不用 blur 滤镜）+ 右上缘片门溢光线性光带，沿右上→左下扫 71f | 光团偏移沿扫掠方向拖尾排布，避免完美同心的"手电筒感"；渐变本身就软，省掉 90px 大模糊 |
+| C 光强包络 | ease-in（t²）爬升 28f（24–52，蓄力）→ 峰值帧藏切 → ease-out 收敛 43f（余温）；峰值叠 40% 全屏暖罩 + 近白热核（opacity=intensity³）+ 切点 2f 轻抬 | 爬升慢收敛快会读作故障闪光；热核只在临近峰值烧起来 |
+| C 冲淡 | 峰值时页面 filter：brightness 抬 85%、contrast 降 50%、saturate 降 25%；旧画面标题随光强淡到 ~25% | 这是"烧穿"感的来源——光只叠不冲淡，读作贴了张贴纸；标题不跟着烧淡，切点会看到字突然换掉 |
+
+## 已知坑
+- demo 在程序绘制的画面上调校（A 暖沙 video-shotcraft 渲染页 / B 纸面对比海报 / C 暗场 video-shotcraft 取景器夜→黄昏，
+  品牌短句「Frame motion. / Craft the shot.」被光峰切成两半）——
+  参数是调校起点非实战定稿，首次实战须以真实素材回验
+- C 式是 Q4 光效判例解封后首个入库光效手法——严守 Q4 三约束：
+  单点使用（一支片一处，不群发）、正常速度回放自检好看才算过、
+  光效服务切点而非装饰；与 flash-cut 同片混用算两次光效藏切
+- A 式遮挡物必须真的全遮：demo 里实心核 2600px 才留出约 1 帧的全遮窗口
+  （中段速度 ~530px/帧）——改扫掠时长或宽度后先逐帧算/看切点帧有没有露出背景边缘，
+  露一条缝整个魔术就穿帮
+- B 式 VS 字块语义仅适配"对比/对阵"内容——没有两方对峙关系时
+  别当通用转场用；去掉 VS 只留对撞则退化为一款斜缝 wipe，语义要求同降
+- 转场不叠加（规矩同 shot-transitions）：一个接缝只用一式；
+  这三式与 shot-transitions 三式同层选型，同片同类接缝别既用 flash-cut 又用 C 式
+- 分镜表阶段就逐接缝标注（写进"关键动效"列），帧预算从相邻镜头划（R3）
+
+## 参考实现
+demos/transition/transition-hidden-cut/
+（InvisibleCut.tsx / LightLeakBurn.tsx / VersusSlam.tsx）

package/lib/motion/shotcraft/upstream/references/shots/transition/transition-travel.md

@@ -1,43 +1,43 @@
----
-name: transition-travel
-一句话: 穿越式转场——字腔穿越：巨型章节标题的字形就是一扇窗，镜头钻进字形笔画完成换景
-适用: 前后两镜存在"元素/容器"级空间关系的接缝（技法卡，与 shot-transitions 三式互补选用）
-时长: n/a（技法卡；demo 150f，主推动作段 52f，前后 hold 另计，帧数从相邻镜头预算里划）
-能量: n/a（技法卡，不占能量位）
-标签: camera
----
-
-## 意图
-shot-transitions 三式是"交棒"型——前镜收尾、后镜入场，接缝靠白闪/糊帧/
-窗口盖住换页瞬间。本卡是"穿越"型——后景在前景画面里
-以真实元素存在（字形洞），镜头一条连续空间运动钻进去，
-观众从头到尾跟着同一个物体，没有交棒瞬间。选型口径：后景能在前景里"预先
-在场"→穿越；两景只是先后关系、无空间嵌套→交棒。字腔穿越的语义是
-"标题即是门"（章节字卡与转场二合一）。
-
-## 选型表
-
-| 式 | 做法 | 适用接缝 |
-|----|------|----------|
-| A 字腔穿越 letterform-zoom | 巨型标题字形（SVG mask 挖洞）透出新页，指数推进穿洞，洞撑满瞬间接管、残余笔画甩出画外 | 章节标题→正文；替代 paper-title-card 章节字卡的高能量款 |
-
-## 参数表
-| 参数 | 典型值 | 调节手感 |
-|------|--------|----------|
-| A 穿腔主推 | 盖板 SVG mask（白底+黑字 900 字重）挖洞，transform-origin 对准字形笔画（洞）中心——锚在字腔里推到底撑满的是盖板不是洞（demo：「EDITS」560px 的 I 竖笔中心 973,515，竖笔 107px×30 > 画宽；选词时让 I 竖笔落在画面中线附近，洞才从正中撑开）；scale=30^u，u 52f bezier(0.6,0,0.85,0.5) 慢起陡收，推前 26–34f 后吸 2% 预备 | ZOOM_MAX 按"洞撑满画面"配，笔画越细倍数越大；慢起段留给观众看清"洞里有东西" |
-| A 洞里有东西 | 盖板暗、洞里亮：暖黑盖板 vs 熔金渐变 video-shotcraft 发布页，洞里的卡片也做成亮面（奶白磨砂）；字缘一圈模糊橙色描边只画在盖板区域（光从洞里漏出来）+ 1.5px 暖白切口边 | 洞里有深色块时那几个字母读作"实心字"，穿洞的悬念就没了 |
-| A 洞里只给光不给字 | 字卡 hold 期页面的文字/卡片层完全隐去，洞里只透出暖色渐变 + 柔光形（卡片位一团奶白光、标题位一抹暗赤）；主推中段 64–90f 内容层由 18px 失焦淡入合焦（EASE.out），接管时已清晰 | 洞里能读到页面标题时，两层可读文字互相抢，标题字读作"杂乱"而不是一个干净的镂空 |
-| A 撤场与拖影 | scale∈[14,26] 盖板 opacity 1→0；u>0.35 起期望模糊 0→20px（除以 scale 写进 blur）+ 四层更早 0.8–3.2 帧的半透明盖板残影叠成径向变焦拖尾；接管瞬间页面 brightness +12% 一闪回落 | blur 不除 scale 会被放大成糊墙；只用两层残影会读成硬边半透明色块，四层才连成拖尾 |
-| A 后景视差 | 页面只推 1→1.08（主推期 0.7·u，接管后 quint-out 补完，交接处速度连续）+ 0–100f 向左漂 28px；接管后渲染卡上的镜头计数 0→12、时长条错峰填满、DONE 标签弹出 | 后景不动则洞里是张死图；后景推太多会和盖板同速，纵深消失 |
-
-## 已知坑
-- 推进锚点要按渲染帧实测（demo 的竖笔坐标是从静帧量出来的），换字体/换词/渲染器字距
-  不同都会漂——渲后看推进方向，洞不居中就微调 origin，别信字宽 em 值手推的数；
-  锚点笔画离画面中线太远（如「FILM」的 I 在 x≈726）时，洞偏在一侧撑开、另一侧盖板久久不退，换词让竖笔居中
-- 后景页面推到 1.08 时四周会被裁掉 4%：版面安全边距要按"推完后"留（demo 左右 200/230、顶 122）
-- 字腔穿越与交棒三式同一接缝不叠加，一缝一式；穿越式已自带高能量，
-  再包白闪/震屏读作穿帮（规矩同 shot-transitions）
-
-## 参考实现
-demos/transition/transition-travel/
-（LetterformZoom.tsx）
+---
+name: transition-travel
+一句话: 穿越式转场——字腔穿越：巨型章节标题的字形就是一扇窗，镜头钻进字形笔画完成换景
+适用: 前后两镜存在"元素/容器"级空间关系的接缝（技法卡，与 shot-transitions 三式互补选用）
+时长: n/a（技法卡；demo 150f，主推动作段 52f，前后 hold 另计，帧数从相邻镜头预算里划）
+能量: n/a（技法卡，不占能量位）
+标签: camera
+---
+
+## 意图
+shot-transitions 三式是"交棒"型——前镜收尾、后镜入场，接缝靠白闪/糊帧/
+窗口盖住换页瞬间。本卡是"穿越"型——后景在前景画面里
+以真实元素存在（字形洞），镜头一条连续空间运动钻进去，
+观众从头到尾跟着同一个物体，没有交棒瞬间。选型口径：后景能在前景里"预先
+在场"→穿越；两景只是先后关系、无空间嵌套→交棒。字腔穿越的语义是
+"标题即是门"（章节字卡与转场二合一）。
+
+## 选型表
+
+| 式 | 做法 | 适用接缝 |
+|----|------|----------|
+| A 字腔穿越 letterform-zoom | 巨型标题字形（SVG mask 挖洞）透出新页，指数推进穿洞，洞撑满瞬间接管、残余笔画甩出画外 | 章节标题→正文；替代 paper-title-card 章节字卡的高能量款 |
+
+## 参数表
+| 参数 | 典型值 | 调节手感 |
+|------|--------|----------|
+| A 穿腔主推 | 盖板 SVG mask（白底+黑字 900 字重）挖洞，transform-origin 对准字形笔画（洞）中心——锚在字腔里推到底撑满的是盖板不是洞（demo：「EDITS」560px 的 I 竖笔中心 973,515，竖笔 107px×30 > 画宽；选词时让 I 竖笔落在画面中线附近，洞才从正中撑开）；scale=30^u，u 52f bezier(0.6,0,0.85,0.5) 慢起陡收，推前 26–34f 后吸 2% 预备 | ZOOM_MAX 按"洞撑满画面"配，笔画越细倍数越大；慢起段留给观众看清"洞里有东西" |
+| A 洞里有东西 | 盖板暗、洞里亮：暖黑盖板 vs 熔金渐变 video-shotcraft 发布页，洞里的卡片也做成亮面（奶白磨砂）；字缘一圈模糊橙色描边只画在盖板区域（光从洞里漏出来）+ 1.5px 暖白切口边 | 洞里有深色块时那几个字母读作"实心字"，穿洞的悬念就没了 |
+| A 洞里只给光不给字 | 字卡 hold 期页面的文字/卡片层完全隐去，洞里只透出暖色渐变 + 柔光形（卡片位一团奶白光、标题位一抹暗赤）；主推中段 64–90f 内容层由 18px 失焦淡入合焦（EASE.out），接管时已清晰 | 洞里能读到页面标题时，两层可读文字互相抢，标题字读作"杂乱"而不是一个干净的镂空 |
+| A 撤场与拖影 | scale∈[14,26] 盖板 opacity 1→0；u>0.35 起期望模糊 0→20px（除以 scale 写进 blur）+ 四层更早 0.8–3.2 帧的半透明盖板残影叠成径向变焦拖尾；接管瞬间页面 brightness +12% 一闪回落 | blur 不除 scale 会被放大成糊墙；只用两层残影会读成硬边半透明色块，四层才连成拖尾 |
+| A 后景视差 | 页面只推 1→1.08（主推期 0.7·u，接管后 quint-out 补完，交接处速度连续）+ 0–100f 向左漂 28px；接管后渲染卡上的镜头计数 0→12、时长条错峰填满、DONE 标签弹出 | 后景不动则洞里是张死图；后景推太多会和盖板同速，纵深消失 |
+
+## 已知坑
+- 推进锚点要按渲染帧实测（demo 的竖笔坐标是从静帧量出来的），换字体/换词/渲染器字距
+  不同都会漂——渲后看推进方向，洞不居中就微调 origin，别信字宽 em 值手推的数；
+  锚点笔画离画面中线太远（如「FILM」的 I 在 x≈726）时，洞偏在一侧撑开、另一侧盖板久久不退，换词让竖笔居中
+- 后景页面推到 1.08 时四周会被裁掉 4%：版面安全边距要按"推完后"留（demo 左右 200/230、顶 122）
+- 字腔穿越与交棒三式同一接缝不叠加，一缝一式；穿越式已自带高能量，
+  再包白闪/震屏读作穿帮（规矩同 shot-transitions）
+
+## 参考实现
+demos/transition/transition-travel/
+（LetterformZoom.tsx）

package/lib/motion/shotcraft/upstream/references/shots/transition/white-flash-logo-simplify-cut.md

@@ -1,41 +1,41 @@
----
-name: white-flash-logo-simplify-cut
-一句话: 液态金属质感的彩色词标静置流光，蓄力后从字心炸出一记白闪过曝，曝光回落时同一位置已是扁平版字标——一次闪白完成质感降维
-适用: 品牌段落收束（华丽演绎→干净定妆）；情绪从炫技切换到正式宣告的转场拍
-时长: 约 4s（120f@30fps；演出 0–34f · 蓄力 34–46f · 冲白 44–54f · 曝光回落 54–76f · 锁定 72–96f · hold 至 120f）
-能量: 中高（一次脉冲式重音，前后都是静场）
----
-
-## 意图
-先给足华丽（虹彩液态金属在字面上流动、一次斜向高光扫过），再用一次白闪把它"净化"成扁平单色字标——观众读到的是"演出结束，这就是它的正式形象"。降维是修辞：从感性质感切到理性识别。两版同字号同位置，读作"同一个字标被净化了"，不是换了张图。
-
-## 动效核心
-- 液态层（demo 词标是 video-shotcraft 字标「video-shotcraft」，字标字体 190px 700 字重、全小写，中心 y=500）：一个 span 叠四层背景并全部 `background-clip:text`——
-  ①虹彩底色 `background-size:300%` 每帧 1.1% 缓流 ②纵向体积（顶亮底暗）③字腰镀铬反光带 ④斜向高光
-  6–34f 扫过一次（Q4：只给主角一次、裁进字形）；字下同色 bloom（blur 38px）+ 地面翻转倒影（0.22、渐隐 mask）；整幅 0–44f 缓推 1→1.035
-- 蓄力 34–46f（EASE.exit 越来越快）：字标 brightness 1→1.7、bloom 加强；一条横向变形眩光从字心拉开（宽软光晕 + 4px 细亮核，核两端渐隐）
-- 冲白 44–50f：径向白团从字心撑满全屏（半径 80→1580px，二次 ease-in，后 3 帧肉眼可见地吞掉字标）；50–54f 纯白 hold（呼吸位），并在 50f 全白时换场
-- 曝光回落 54–76f：白层 1→0（quint-out，先快后慢，像眼睛适应强光）——底下扁平字标早已在位，只做 1.03→1 对焦收束
-- 锁定：琥珀 96px 短线 72–86f 从中间画出、字标上方镜刻标志 74–96f 描出（取景框先揭开、琥珀斜切后划入）、品牌短句「Frame motion. Craft the shot.」逐词升起（78f 起）；96–120f 极缓前推 1→1.01
-
-## 参数表
-| 参数 | 典型值 | 调节手感 |
-|------|--------|----------|
-| 冲白窗口 | 44–50f 径向撑满（t² ease-in）+ 50–54f 纯白 | 冲白必须"快进"；整屏均匀淡入读作剪辑软切，从字心炸出才读作"字在发光过曝" |
-| 蓄力 | 34–46f，brightness ×1.7 + 横向眩光 | 砍掉蓄力则白闪没有预兆、像丢帧；眩光核加 box-shadow 会带一圈暗边（实测） |
-| 曝光回落 | 54–76f，白层 quint-out 退去 | 用扁平字标淡入代替回落，会出现"白底上浮出一个字"的二次动作；回落让字标"一直在那儿" |
-| 扁平入场 | 1.03→1（snappy，52–78f） | >1.06 读作字标弹出；同时做淡入就和回落叠成两次揭示 |
-| 字标尺寸 | 液态 / 扁平同为 190px、同中心（15 字符字标按画宽压的字号；4 字母短词可放到 300px） | 两版位置或字号不同，读作换皮不换人 |
-| 品牌常量 | `PAPER` / `FLAT_INK` / `FLAT_ACCENT`（块顶定义；demo 已收编为 video-shotcraft 的剪辑纸 / 片场墨 / 镜琥珀） | 换成项目品牌色即完成收编；液态层虹彩一般保留（它是"演出"不是品牌）；标志只在扁平段出现、不上液态质感（品牌规范禁渐变/发光） |
-
-## 已知坑
-- 换场发生在 50f 全白帧（暗场与纸面二选一渲染），白层不能在 50f 前退——否则两场同时可见
-- `WORD` = `BRAND.name`（15 字符），换词需同步调字号 `FS`；液态层 / bloom / 倒影 / 扁平层四处共用 `wordStyle` 与 `wordText`
-- 字标带 +0.03em 字距时「ft」两道横笔恰好相接，大字号下接缝露出一条抗锯齿亮线——demo 让 f 后字距归零、两笔重叠
-- 冲白配 SFX 是必选项（impact/whoosh-bright 类），无声的白闪读作素材丢帧
-- 高光必须裁进字形（background-clip:text）——做成盖在字上的径向光斑会溢出字形、在黑底上糊成白雾（Q4 光溢出）
-- 后半场底色是亮纸面——若下一镜是暗场需另接转场，或复用本卡结尾直切
-
-## 参考实现
-demos/transition/white-flash-logo-simplify-cut/
-（WhiteFlashLogoSimplifyCut.tsx）
+---
+name: white-flash-logo-simplify-cut
+一句话: 液态金属质感的彩色词标静置流光，蓄力后从字心炸出一记白闪过曝，曝光回落时同一位置已是扁平版字标——一次闪白完成质感降维
+适用: 品牌段落收束（华丽演绎→干净定妆）；情绪从炫技切换到正式宣告的转场拍
+时长: 约 4s（120f@30fps；演出 0–34f · 蓄力 34–46f · 冲白 44–54f · 曝光回落 54–76f · 锁定 72–96f · hold 至 120f）
+能量: 中高（一次脉冲式重音，前后都是静场）
+---
+
+## 意图
+先给足华丽（虹彩液态金属在字面上流动、一次斜向高光扫过），再用一次白闪把它"净化"成扁平单色字标——观众读到的是"演出结束，这就是它的正式形象"。降维是修辞：从感性质感切到理性识别。两版同字号同位置，读作"同一个字标被净化了"，不是换了张图。
+
+## 动效核心
+- 液态层（demo 词标是 video-shotcraft 字标「video-shotcraft」，字标字体 190px 700 字重、全小写，中心 y=500）：一个 span 叠四层背景并全部 `background-clip:text`——
+  ①虹彩底色 `background-size:300%` 每帧 1.1% 缓流 ②纵向体积（顶亮底暗）③字腰镀铬反光带 ④斜向高光
+  6–34f 扫过一次（Q4：只给主角一次、裁进字形）；字下同色 bloom（blur 38px）+ 地面翻转倒影（0.22、渐隐 mask）；整幅 0–44f 缓推 1→1.035
+- 蓄力 34–46f（EASE.exit 越来越快）：字标 brightness 1→1.7、bloom 加强；一条横向变形眩光从字心拉开（宽软光晕 + 4px 细亮核，核两端渐隐）
+- 冲白 44–50f：径向白团从字心撑满全屏（半径 80→1580px，二次 ease-in，后 3 帧肉眼可见地吞掉字标）；50–54f 纯白 hold（呼吸位），并在 50f 全白时换场
+- 曝光回落 54–76f：白层 1→0（quint-out，先快后慢，像眼睛适应强光）——底下扁平字标早已在位，只做 1.03→1 对焦收束
+- 锁定：琥珀 96px 短线 72–86f 从中间画出、字标上方镜刻标志 74–96f 描出（取景框先揭开、琥珀斜切后划入）、品牌短句「Frame motion. Craft the shot.」逐词升起（78f 起）；96–120f 极缓前推 1→1.01
+
+## 参数表
+| 参数 | 典型值 | 调节手感 |
+|------|--------|----------|
+| 冲白窗口 | 44–50f 径向撑满（t² ease-in）+ 50–54f 纯白 | 冲白必须"快进"；整屏均匀淡入读作剪辑软切，从字心炸出才读作"字在发光过曝" |
+| 蓄力 | 34–46f，brightness ×1.7 + 横向眩光 | 砍掉蓄力则白闪没有预兆、像丢帧；眩光核加 box-shadow 会带一圈暗边（实测） |
+| 曝光回落 | 54–76f，白层 quint-out 退去 | 用扁平字标淡入代替回落，会出现"白底上浮出一个字"的二次动作；回落让字标"一直在那儿" |
+| 扁平入场 | 1.03→1（snappy，52–78f） | >1.06 读作字标弹出；同时做淡入就和回落叠成两次揭示 |
+| 字标尺寸 | 液态 / 扁平同为 190px、同中心（15 字符字标按画宽压的字号；4 字母短词可放到 300px） | 两版位置或字号不同，读作换皮不换人 |
+| 品牌常量 | `PAPER` / `FLAT_INK` / `FLAT_ACCENT`（块顶定义；demo 已收编为 video-shotcraft 的剪辑纸 / 片场墨 / 镜琥珀） | 换成项目品牌色即完成收编；液态层虹彩一般保留（它是"演出"不是品牌）；标志只在扁平段出现、不上液态质感（品牌规范禁渐变/发光） |
+
+## 已知坑
+- 换场发生在 50f 全白帧（暗场与纸面二选一渲染），白层不能在 50f 前退——否则两场同时可见
+- `WORD` = `BRAND.name`（15 字符），换词需同步调字号 `FS`；液态层 / bloom / 倒影 / 扁平层四处共用 `wordStyle` 与 `wordText`
+- 字标带 +0.03em 字距时「ft」两道横笔恰好相接，大字号下接缝露出一条抗锯齿亮线——demo 让 f 后字距归零、两笔重叠
+- 冲白配 SFX 是必选项（impact/whoosh-bright 类），无声的白闪读作素材丢帧
+- 高光必须裁进字形（background-clip:text）——做成盖在字上的径向光斑会溢出字形、在黑底上糊成白雾（Q4 光溢出）
+- 后半场底色是亮纸面——若下一镜是暗场需另接转场，或复用本卡结尾直切
+
+## 参考实现
+demos/transition/white-flash-logo-simplify-cut/
+（WhiteFlashLogoSimplifyCut.tsx）

package/lib/motion/shotcraft/upstream/references/shots/transition/wipe-transitions.md

@@ -1,42 +1,42 @@
----
-name: wipe-transitions
-一句话: 几何擦除转场——blinds-slice 百叶窗切条（12 根 3D 叶片错峰翻面成波，波扫过后整页由 A 换成 B）
-适用: 新旧页都不动、一条几何边界扫过完成交接的通用转场；不依赖构图里有合适元素，哪儿都能用
-时长: 前态 ≥20f + 擦除 ~56f + 收尾 ≥40f，约 4.4s（132f）
-能量: 中
----
-
-## 意图
-转场库已有三族：穿越系（钻进去）、藏切系（遮住切）、体块系（页面是
-实体）。本卡是第四族**几何擦除系**——新旧页都不动，一条几何边界扫过
-完成交接，擦除的形状即语义：条扫是"百叶窗逐叶翻面换页"。与
-shot-transitions C 式穿窗（元素遮罩擦除）的区别：C 用页面内真实元素当遮罩
-（依赖构图），本卡是纯几何形——通用性即定位。适合横向推进、翻页语义。
-
-## 做法
-| 式 | 做法 | 适用 |
-|----|------|------|
-| A blinds-slice | 12 根 160px 真 3D 叶片（preserve-3d 双面板：正面 A 切片、背面预转 180° 的 B 切片，backface hidden），共享 1900px 透视绕自身竖轴 rotateY 0→180°，错峰成波；侧立时露出叶后暗槽 | 翻页/推进语义；横向阅读动线页面 |
-
-## 参数表
-| 参数 | 典型值 | 调节手感 |
-|------|--------|----------|
-| 波 | 24f 起，叶 i 起跳 = 24 + 28·(i/11)^0.78（间隔 3.4f→2.1f，越翻越快）；每叶物理弹簧 damping 13 / stiffness 75（~13f 到 180°、≈5° 过冲回落） | 同时 4–5 叶在转才读作"波"；EASE.out 错峰首间隔 9f，第一叶之后空等，波显得拖 |
-| 叶面受光 | 转离主光的面按 0.5·sin θ 变暗（沿叶宽渐变），转向主光的面 ~35° 掠过一道 screen 高光，叶缘 2px 受光细线 ∝ sin θ；侧立时露出的暗槽 #1d1712→#120d0a 就是边界线 | 真 3D 的暗槽 + 受光本身就是擦除边界的"亮线"，不必再叠 SVG 缝线 |
-| 摘罩 | 最后一叶弹簧收敛（|θ−180°|<0.3° 连续 4 帧，demo ≈80f）后卸载全部 3D 叶片，B 页直出 | opacity 0 不算摘，残留 clip-path / 3D 层毁真静止，3D 层里的字也不如平面锐利 |
-| 收尾 | 摘罩后 ≈50f 落定（≥40f；刊头细线重画一遍、相机 1.02 落回 1） | R1 |
-
-## 已知坑
-- demo 在灰阶/占位素材上调校通过——参数是调校起点非实战定稿，
-  首次实战须以真实素材回验
-- 擦除边界必须带亮线/高光——无亮线的 wipe 读作 PPT 转场，命门；
-  本式靠叶片侧立露出的暗槽 + 叶缘受光细线当边界
-- 几何擦除全片 ≤2 次，别同片连用（两次"边界扫过"读作模板感）
-- 摘罩必须等最后一叶弹簧收敛（≈80f）再做，早一帧卸载就是叶片跳位穿帮
-- 两页反差要大（demo：暖白纸 vs 整版朱红；两页是 video-shotcraft 刊物的连续两页，刊头为 video-shotcraft 字标，
-  巨字「Frame.」→「Craft.」），且版面网格最好与叶宽同构（12 栏 × 160px）——同色系两页翻起来只看得到暗槽
-- 暗角 / 颗粒只在最外层画一次，别画进每页（每叶切片会各带一段暗角，叶缝处露馅）
-
-## 参考实现
-demos/transition/wipe-transitions/
-（BlindsSlice.tsx）
+---
+name: wipe-transitions
+一句话: 几何擦除转场——blinds-slice 百叶窗切条（12 根 3D 叶片错峰翻面成波，波扫过后整页由 A 换成 B）
+适用: 新旧页都不动、一条几何边界扫过完成交接的通用转场；不依赖构图里有合适元素，哪儿都能用
+时长: 前态 ≥20f + 擦除 ~56f + 收尾 ≥40f，约 4.4s（132f）
+能量: 中
+---
+
+## 意图
+转场库已有三族：穿越系（钻进去）、藏切系（遮住切）、体块系（页面是
+实体）。本卡是第四族**几何擦除系**——新旧页都不动，一条几何边界扫过
+完成交接，擦除的形状即语义：条扫是"百叶窗逐叶翻面换页"。与
+shot-transitions C 式穿窗（元素遮罩擦除）的区别：C 用页面内真实元素当遮罩
+（依赖构图），本卡是纯几何形——通用性即定位。适合横向推进、翻页语义。
+
+## 做法
+| 式 | 做法 | 适用 |
+|----|------|------|
+| A blinds-slice | 12 根 160px 真 3D 叶片（preserve-3d 双面板：正面 A 切片、背面预转 180° 的 B 切片，backface hidden），共享 1900px 透视绕自身竖轴 rotateY 0→180°，错峰成波；侧立时露出叶后暗槽 | 翻页/推进语义；横向阅读动线页面 |
+
+## 参数表
+| 参数 | 典型值 | 调节手感 |
+|------|--------|----------|
+| 波 | 24f 起，叶 i 起跳 = 24 + 28·(i/11)^0.78（间隔 3.4f→2.1f，越翻越快）；每叶物理弹簧 damping 13 / stiffness 75（~13f 到 180°、≈5° 过冲回落） | 同时 4–5 叶在转才读作"波"；EASE.out 错峰首间隔 9f，第一叶之后空等，波显得拖 |
+| 叶面受光 | 转离主光的面按 0.5·sin θ 变暗（沿叶宽渐变），转向主光的面 ~35° 掠过一道 screen 高光，叶缘 2px 受光细线 ∝ sin θ；侧立时露出的暗槽 #1d1712→#120d0a 就是边界线 | 真 3D 的暗槽 + 受光本身就是擦除边界的"亮线"，不必再叠 SVG 缝线 |
+| 摘罩 | 最后一叶弹簧收敛（|θ−180°|<0.3° 连续 4 帧，demo ≈80f）后卸载全部 3D 叶片，B 页直出 | opacity 0 不算摘，残留 clip-path / 3D 层毁真静止，3D 层里的字也不如平面锐利 |
+| 收尾 | 摘罩后 ≈50f 落定（≥40f；刊头细线重画一遍、相机 1.02 落回 1） | R1 |
+
+## 已知坑
+- demo 在灰阶/占位素材上调校通过——参数是调校起点非实战定稿，
+  首次实战须以真实素材回验
+- 擦除边界必须带亮线/高光——无亮线的 wipe 读作 PPT 转场，命门；
+  本式靠叶片侧立露出的暗槽 + 叶缘受光细线当边界
+- 几何擦除全片 ≤2 次，别同片连用（两次"边界扫过"读作模板感）
+- 摘罩必须等最后一叶弹簧收敛（≈80f）再做，早一帧卸载就是叶片跳位穿帮
+- 两页反差要大（demo：暖白纸 vs 整版朱红；两页是 video-shotcraft 刊物的连续两页，刊头为 video-shotcraft 字标，
+  巨字「Frame.」→「Craft.」），且版面网格最好与叶宽同构（12 栏 × 160px）——同色系两页翻起来只看得到暗槽
+- 暗角 / 颗粒只在最外层画一次，别画进每页（每叶切片会各带一段暗角，叶缝处露馅）
+
+## 参考实现
+demos/transition/wipe-transitions/
+（BlindsSlice.tsx）