HemmiGameArt - Smooth Screen Fade System - Clean & Easy Transitions

Smooth Screen Fade System is a lightweight and easy-to-use solution for adding clean fade transitions to your project.

Whether you're switching levels, triggering events, or polishing gameplay moments — smooth fades make everything feel more intentional and professional.

This system is designed to be simple to integrate while still giving you full control when you need it.

Fade your screen in and out with custom durations, change colors dynamically, and react to fade states through events — all without complex setup.

It’s built to stay out of your way, so you can focus on building your game.

Features
  • Fade In & Fade Out with adjustable duration

  • Dynamic color control (perfect for different moods or effects)

  • Clean state handling (no overlapping fades)

  • Event Dispatcher for reacting to fade changes

  • Simple setup – just add the component and go

  • Lightweight and fully Blueprint-based

Use Cases
  • Level transitions

  • Teleports

  • Cutscenes

  • Player respawn

  • UI transitions

  • Any moment that should feel smooth instead of abrupt

Why use this?

Small details like screen transitions have a big impact on how a game feels.

A simple fade can turn a hard cut into a smooth experience — and that’s exactly what this system is built for.

A new update is now available!

This update adds new features, improves the setup workflow and includes fixes based on user feedback.

:sparkles: New Features

New Fade Animations

Added classic Fade animation

Added Blur Fade animation

You can now choose between a simple screen fade or a smoother blur transition depending on your project needs.

Sound Support

Added optional sound playback during fade transitions

Perfect for improving feedback during:

Level changes

Teleports

Respawns

Cinematic transitions

Automatic Component Initialization

The component now initializes itself automatically

Manual setup steps have been removed

Just add the component and start using fades

:wrench: Fixes & Improvements

Updated Function Defaults

Fixed incorrect default values in fade functions

Improved the default setup experience

Widget Interaction Fix

Improved fade widget visibility handling

Fixed an issue where the fade widget could block UI interactions underneath

Thank you!

Thanks for using Smooth Screen Fade System and for sharing feedback.

User feedback helps me improve my assets and make them easier to use.

If you find any issues, have ideas for improvements or need additional features, feel free to leave feedback and suggestions. I’m happy to continue improving the system with future updates.

A video of this in action might be helpful for some people, myself included. Does this have angled wipes, blurs, zooms or other transitions by chance?

Thanks for the feedback! A short video is definitely on my to-do list — I think it would make the workflow much easier to understand.

The current version already includes a blur-to-black transition in addition to the standard fullscreen fade, so the screen can blur first and then smoothly fade to black before respawning or switching scenes.

Angled wipes and zoom-style transitions aren’t included yet, but I’ve kept the system modular so I can add more transition styles later if there’s interest. I’ll post a video preview once the next update is ready :slight_smile: