# White flash: logo simplifies

A colorful liquid-gradient wordmark holds with flowing light, then the frame flashes white and overexposes; a flat wordmark fades in on white and settles — one flash completes the downgrade to simplicity.

- Category: transition · Tags: shotcraft, remotion, transition
- Spec: 1920×1080 @ 30 fps · 4.1s (16:9)
- License: Apache-2.0 · Tier: free
- JSON: https://gimgs.net/motion/white-flash-logo-simplify-cut.json
- Kind: remotion
- Source (TSX): https://gimgs.net/motion/white-flash-logo-simplify-cut/template.html
- Repo: https://github.com/Vincentwei1021/video-shotcraft
- Credits: video-shotcraft (Vincent Wei) — https://github.com/Vincentwei1021/video-shotcraft
- Page: https://gimgs.net/motion/white-flash-logo-simplify-cut.html

## Params

_No params._

Default params (base64url for `?p=`): `e30`

## Prompt

## When to use

A brand passage's closing beat (ornate performance → clean formal identity); a transition beat where the mood shifts from showy flair to a formal statement

## Intention

First give it full ornateness (a six-color liquid gradient flowing across the letterforms, soft light sweeping across), then a single white flash "purifies" it into a flat, three-color wordmark — the viewer reads "the performance is over, this is its formal identity." The downgrade is rhetorical: cutting from a sensory texture to a rational identity.

## Duration & energy

- Duration: ~3.6s (108f@30fps; flowing light hold 0–1.2s · white flash 1.2–1.5s · flat settle 1.7–2.7s)
- Energy: Medium-high (one pulse-like accent, quiet on both sides)

## Shot recipe (original Chinese — timing, easing, parameter table, known pitfalls)

## 意图
先给足华丽（六色液态渐变在字面上流动、柔光扫掠），再用一次白闪把它"净化"成扁平三色字标——观众读到的是"演出结束，这就是它的正式形象"。降维是修辞：从感性质感切到理性识别。

## 动效核心
- 液态层：六色渐变 `background-size:320%`，`backgroundPosition = t*100%` 全程缓慢流动；一块 220×120 径向柔光（blur 6px + screen 混合）随 t 横移 ±30px 做高光扫掠
- 冲白 t=0.34–0.42（inQuad 加速冲入）白层盖满；同窗口给液态层一个 `sin(π)` 脉冲：blur 0→5px + brightness 1→2.2——"过曝烧穿"的一帧
- 白层冲入后**保持不退**，后半场全程白底
- 扁平字标 t=0.48–0.74 淡入 + scale 0.96→1（outCubic），字色是三段线性渐变（`GRAD_A/B/C` 常量，可按项目替换）
- 柔光层随冲白同步熄灭（`1-flashK`），不残留在白底上

## 参数表
| 参数 | 典型值 | 调节手感 |
|------|--------|----------|
| 冲白窗口 | 0.34–0.42（inQuad） | 换算 0.29s@3.6s——冲白必须"快进慢不退"；用 outQuad 会显得白光是飘进来的 |
| 过曝脉冲 | blur 5px + brightness ×2.2，sin 包络 | 砍掉脉冲则冲白像纯剪辑；>8px blur 液态字彻底糊掉反而看不出"是它在烧" |
| 扁平入场 | 0.48–0.74，scale 0.96→1 | 与冲白间隔 0.06 的白屏静默是呼吸位；缩太短观众来不及"清屏" |
| 液态流速 | backgroundPosition t*100% | 拉长 dur 时流速自动变慢，静置段够 1s 以上流动感才可读 |
| 字标字号 | 液态 62px / 扁平 58px | 扁平版略小一号是"落定收束"暗示；同号会读作换皮不换人 |
| 渐变常量 | `GRAD_A/B/C`（块顶定义） | 换成项目品牌三色即完成收编；液态层六色一般保留（它是"演出"不是品牌） |

## 已知坑
- 白层是"冲入后保持"，不是闪一下回黑——后半场底色即白色，若下一镜是暗场需另接转场，或复用本卡结尾白底直切
- `WORDMARK` 常量是占位字标（5 字母），换长词需同步缩字号与 letter-spacing，两层（液态/扁平）都要改
- 冲白配 SFX 是必选项（impact/whoosh-bright 类），无声的白闪读作素材丢帧
- mix-blend-mode:screen 的柔光层在白底上不可见属预期，别在冲白后调它

## 参考实现
demos/transition/white-flash-logo-simplify-cut/
（WhiteFlashLogoSimplifyCut.tsx）

## Reference implementation (Remotion)

- demos/transition/white-flash-logo-simplify-cut/WhiteFlashLogoSimplifyCut.tsx — https://raw.githubusercontent.com/Vincentwei1021/video-shotcraft/main/demos/transition/white-flash-logo-simplify-cut/WhiteFlashLogoSimplifyCut.tsx

The component imports shared fixtures from `demos/_fixtures` and helpers from `assets/lib` in the repo; SKILL.md there documents the render workflow.


## Flow

1. **Read the recipe**
   Prompt = when to use, intention, parameter table with typical values and how each one feels, known pitfalls. Treat values as calibrated starting points.
2. **Get the code** — tool: git
   `git clone https://github.com/Vincentwei1021/video-shotcraft && cd video-shotcraft && npm install`
3. **Register + render** — tool: remotion
   `npx remotion render <CompositionId> out.mp4   # component: demos/transition/white-flash-logo-simplify-cut/WhiteFlashLogoSimplifyCut.tsx`
4. **Or re-implement**
   Port the timing/easing from the recipe to HTML + WAAPI (gimgs motion contract) or any engine; keep the same segment windows and easing.

## Render

Clone https://github.com/Vincentwei1021/video-shotcraft (npm install). The component lives under demos/{category}/{name}/ and imports shared fixtures from demos/_fixtures and helpers from assets/lib. Copy it (with those imports) into a Remotion project, register a <Composition> with the template's width/height/fps/duration in Root.tsx, then `npx remotion render <CompositionId> out.mp4`. SKILL.md in the repo documents the full Claude Code / Codex workflow. The prompt below is the shot recipe (timing, easing, parameter table, pitfalls) — enough to re-implement the shot in HTML/WAAPI or another engine if you prefer.

## Contract

React/Remotion composition (TSX) from the open-source video-shotcraft library (Apache-2.0). It is not a browser-playable template: clone the repo, register the component in a Remotion project and render with `npx remotion render`. The recipe (prompt) describes timing, easing and parameters so you can also re-implement the shot in any engine.