Have an amazing solution built in RAD Studio? Let us know. Looking for discounts? Visit our Special Offers page!

Learn How To Create A Delphi FireMonkey Blur Component

In this CodeRage session, you can learn how to create a blur behind the component. 


  • Create a small component that blurs whatever is behind it
  • It uses TControl.PaintTo to render the parent control to an off-screen bitmap
  • Followed by a GPU accelerated TGaussianBlurEffect to blur part of the bitmap
  • Finally draws the blurred bitmap to the canvas of the control

In the video tutorial, Erik van Bilsen talks about many factors of building this component. Like, issues of the approach and how you can solve them by just rendering everything at half the original resolution. Since the blur effect applies resolution can be hardly noticeable.

Watch the CodeRage session to learn more about how it works.

Here you can check the whole source code on over GitHub repository.

Reduce development time and get to market faster with RAD Studio, Delphi, or C++Builder.
Design. Code. Compile. Deploy.
Start Free Trial   Upgrade Today

   Free Delphi Community Edition   Free C++Builder Community Edition

About author

Software Developer | B.Tech-CSE at AUT | Delphi/C++ Builder Enthusiast | Microsoft Learn Student Ambassador | Microsoft Azure Certified | Udacity Alumni
Related posts

GameDev: Fun Multi-Platform Mars Rocket Game For Android, iOS, macOS, And Windows

DelphiRAD Studio

Windows Shader Programming In Delphi FireMonkey - Apply Color To The GPU Shader

DelphiRAD Studio

Easily Control Android App Permissions In Delphi With Mobile Permissions Component

DelphiRAD Studio

Easily Create Stunning Responsive Apps With Third Party FMXUI Library For Delphi FireMonkey

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.