# Glitch-tear strip cut

A tearing transition — glitch-displace noise tear (16 horizontal strips jitter out of alignment, cut mid-jitter), a strip-level tear with digital-glitch meaning.

- Category: transition · Tags: shotcraft, remotion, transition, effects
- Spec: 1920×1080 @ 30 fps · 4.54s (16:9)
- License: Apache-2.0 · Tier: free
- JSON: https://gimgs.net/motion/tear-streak-transitions.json
- Kind: remotion
- Source (TSX): https://gimgs.net/motion/tear-streak-transitions/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/tear-streak-transitions.html

## Params

_No params._

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

## Prompt

## When to use

A high-energy page change: digital-glitch/breakage meaning; a strip-level tear that keeps page integrity intact while pushing energy to the max

## Intention

This card handles **strip-level tearing**: the page is sliced into horizontal strips moving at high speed, but each strip's content stays intact. This is a taste boundary drawn through repeated judging — the fragment family of transitions was rejected three times running (doom-melt vertical-strip drop, pixel-dissolve blocks flipping to black, facade-block brick flip-away, all eliminated), while the strip family passed. Fragments read as "the page being destroyed"; strips read as "the page in high-speed motion" — integrity intact, energy maxed out. The horizontal tear: strips jitter out of alignment left-right plus light/dark double-imaging, a grayscale downgrade of digital glitch (light/dark double-image instead of RGB split). Fits system-failure/instant-jump meanings.

## Duration & energy

- Duration: Pre-state ≥40f + tear 17–24f + tail ≥40f, ~4.5s (135–140f)
- Energy: High

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

## 意图
本卡管**条带级撕裂**——页面被切成横条高速运动，但每条内容完整。
这是反复裁决划出的品味分界：碎块系转场三连否（doom-melt 竖条坠落、
pixel-dissolve 方块翻黑、facade-block 砖块翻飞全部淘汰），条带系过关。碎块读作"页面被破坏"，条带读作"页面在高速
运动"——完整性不破、能量却拉满。横向撕：条带左右错位抖动 +
明暗重影，数字故障的灰阶降维（RGB split 改明暗双重影）。
适用系统故障/瞬间跳变语义。

## 单式选型
| 式 | 做法 | 适用 |
|----|------|------|
| A glitch-displace | 16 条水平条带（外层裁剪+内层整页 translateY 对位），每条 translateX 由库标 h(i*31+f*7) 驱动 ±70px 抖动，叠明暗错位重影；58f 抖动衰减中硬切 B 页再抖 4f 归位 | 故障/断裂语义；高潮前的暴力换页 |

## 参数表
| 参数 | 典型值 | 调节手感 |
|------|--------|----------|
| 抖幅 | ±70px（spec 加码档），底层垫完整页防露底缝 | 峰值帧条带错位必须肉眼明显——±12px 级读不出撕裂 |
| 包络 | 45–48f out-cubic 冲起 → 平台 → 56–62f 线性消散 | 冲击判例：扩散 out-cubic、消散线性 |
| 重影 | ±12px 明暗双重影（brightness 0.45 / invert） | RGB 分离的灰阶降维；无重影只是抖不是 glitch |
| 摘罩 | 62f 起条带、重影、filter 全部条件卸载直出裸 B | opacity 0 不算摘；滤镜残留毁真静止 |
| 收尾 | 73f 真静止（≥40f） | R1 |

## 已知坑
- demo 在灰阶/占位素材上调校通过——参数是调校起点非实战定稿，
  首次实战须以真实素材回验
- **条带不碎块**——后续同类手法一律做条带：横条各自完整，
  绝不裂成方块/砖块/独立坠落物（三连否判例，见意图）
- 高能转场，与 whip-pan/crash 系同片注意能量预算——
  高能转场挤在一起互相稀释
- 硬切藏在抖动衰减中（58f 切、62f 归位）——切点暴露在静止帧上
  就失去了 glitch 的掩护

## 参考实现
demos/transition/tear-streak-transitions/
（GlitchDisplace.tsx）

## Reference implementation (Remotion)

- demos/transition/tear-streak-transitions/GlitchDisplace.tsx — https://raw.githubusercontent.com/Vincentwei1021/video-shotcraft/main/demos/transition/tear-streak-transitions/GlitchDisplace.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/tear-streak-transitions/GlitchDisplace.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.