spotlight-sweep-moves
Shot recipes · Apache-2.0
- What it does
3 named moves on one card: glow-wake-sleep-panel (Wake-and-sleep sweep: a reveal mask follows the light head left to right — lit where it passes, sinking back to dark behind it); slide-spotlight-pan (Edge-hugging glow: the beam rounds the corner and rides the top edge, violet bleed seeping into the UI, while the panel slides opposite like a camera pan); corner-spotlight-reveal (A radial spotlight expands from the corner at strictly linear speed — lit inside, black outside — until the full screen is on. Light as the transition).
- Get it
Copy demos/effects/spotlight-sweep-moves/CornerSpotlightReveal.tsx (and its 2 sibling file(s) in the same folder) into a Remotion project with demos/_fixtures/Brand.tsx; fix the import paths; then <Composition id="CornerSpotlightReveal" component={CornerSpotlightReveal} durationInFrames={CORNER_SPOTLIGHT_REVEAL_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the spotlight-sweep-moves shot card". Read the card first: references/shots/effects/spotlight-sweep-moves.md.
- Needs (the whole pack)
Remotion 4 and React 19, and FFmpeg for its checks. No Tailwind, no CSS files, no web fonts.
- Re-skin
Edit the file (colors, logo, text)
No props (3 demo files). It uses no named look: about 15 color values are written in the demo. Where its fonts come from was not checked. The logo and name on screen are the pack's own, from demos/_fixtures/Brand.tsx (one brand file every demo imports): swap it for the client's. Words are written…
- License
Apache-2.0
- From