shot-transitions
Shot recipes · A cut between two pictures · Apache-2.0
- What it does
3 named moves on one card: flash-cut (The camera pushes in and a white flash straddles the cut, hiding the page swap inside the flare); whip-pan (The camera whips sideways so hard the middle frames smear illegible, and the new scene is waiting when it stops); mask-wipe (A real element in the page — a card — scales up into a full-screen window, and the next scene grows out from inside it).
- Get it
Copy demos/transition/shot-transitions/PortalWipeV2.tsx (and its 1 sibling file(s) in the same folder) into a Remotion project with demos/_fixtures/Brand.tsx, demos/_fixtures/Look.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="PortalWipeV2" component={PortalWipeV2} durationInFrames={PORTAL_WIPE_V2_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the shot-transitions shot card". Read the card first: references/shots/transition/shot-transitions.md.
- Needs
Page screenshots: copy demos/_textures/* to public/textures/live/ (they are the author's demo screenshots; swap in your own page captures and a matching layout json)
- Re-skin
Edit the file (colors, logo, text, pictures)
No props (2 demo files). It starts from a named look in demos/_fixtures/Look.tsx (LOOKS.paper, LOOKS.porcelain), but about 22 more color values are written in the demo, so changing the look alone will not re-skin it. Fonts come from the shared fixture files (FONT in Polish.tsx, type() in…
- License
Apache-2.0
- From