impact-feedback
Shot recipes · A number or a chart · Apache-2.0
- What it does
2 named moves on one card: hit-counter (Three cards slam in one after another; every hit freezes 2 frames, floats damage digits, and bumps the combo counter); anime-impact (On the crash-zoom stop: 3 frames of full-screen negative, radial speed lines, and red-cyan fringing, all gone by frame 4).
- Get it
Copy demos/effects/impact-feedback/AnimeImpact.tsx (and its 1 sibling file(s) in the same folder) into a Remotion project with demos/_fixtures/Brand.tsx, demos/_fixtures/Fixtures.tsx, demos/_fixtures/Look.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="AnimeImpact" component={AnimeImpact} durationInFrames={ANIME_IMPACT_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the impact-feedback shot card". Read the card first: references/shots/effects/impact-feedback.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 (2 demo files). It uses no named look: about 10 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