VFXBeginner

Screen Flash

A brief full-screen (or local) flash of color to punctuate a big moment.

impactvfxcombatfeedback

Examples

Captured from this page's own interactive demo below.

Overview

Screen flash briefly tints or whites-out the screen (or a region around an impact) for a few frames, then fades out — most often on taking or dealing heavy damage, an explosion, or a critical hit.

It borrows from photography and film — a sudden bright light is universally read as a sharp, momentary event — and it's an extremely cheap way to add punctuation to an otherwise identical hit animation.

White/bright flashes read as impact or damage taken; colored flashes (red for damage, gold for a critical, etc.) can carry specific meaning on top of the raw punctuation.

Interactive Demo

Peak Opacity0.7

Fade Duration180

Use Cases

CombatFPSRPGExplosions/VFX

Best Practices

Do

✓Fade it out quickly (100–250ms) — the flash should read as a pulse, not a lighting change.
✓Use color meaningfully (red = damage taken, gold/white = critical or victory) so it doubles as information.
✓Combine with hit stop and camera shake for full-weight impacts, but let screen flash alone carry smaller hits.

Don't

✕Don't flash so bright/long that it obscures the player's ability to read the next incoming attack.
✕Don't use full-screen flashes for very frequent, minor events — reserve them for moments that deserve punctuation.
✕Don't forget a reduced-flash accessibility option — full-screen strobing can be a real problem for photosensitive players.

Common Mistakes

⚠Layering the flash as an unlit full-screen sprite that reacts to the game's own lighting/post-processing oddly.
⚠Using a linear fade instead of an eased one, making the flash feel mechanical.
⚠Triggering it from the same event multiple times per frame, causing double-flashes.

Implementation

Paste this into your AI assistant (Cursor, Copilot, Claude) to add the effect to your project.

Prompt

Add the "Screen Flash" game-feel effect to my project: A brief full-screen (or local) flash of color to punctuate a big moment.

How it works: Screen flash briefly tints or whites-out the screen (or a region around an impact) for a few frames, then fades out — most often on taking or dealing heavy damage, an explosion, or a critical hit.

Guidelines:
- Fade it out quickly (100–250ms) — the flash should read as a pulse, not a lighting change.
- Use color meaningfully (red = damage taken, gold/white = critical or victory) so it doubles as information.
- Combine with hit stop and camera shake for full-weight impacts, but let screen flash alone carry smaller hits.

Avoid:
- Don't flash so bright/long that it obscures the player's ability to read the next incoming attack.
- Don't use full-screen flashes for very frequent, minor events — reserve them for moments that deserve punctuation.
- Don't forget a reduced-flash accessibility option — full-screen strobing can be a real problem for photosensitive players.

Implement the effect in whatever engine/stack the project already uses and follow its existing code style. Wire it up where it makes sense.