A bloom filter module, which can easily be added to existing applications. Solution includes sample
Branch: master
Clone or download
Kosmonaut3d Changed default format to Color, will work correctly with OpenGL now …
…when resizing. Do not use RGBA1010102 with OpenGL.
Latest commit 2422fa1 Apr 24, 2017
Type Name Latest commit message Commit time
Failed to load latest commit information.
Bloom Sample Changed default format to Color, will work correctly with OpenGL now … Apr 24, 2017
.gitattributes Add .gitignore and .gitattributes. Dec 14, 2016
.gitignore Add .gitignore and .gitattributes. Dec 14, 2016
Bloom Sample.sln Add project files. Dec 14, 2016
readme.md Update readme.md Mar 15, 2017


BloomFilter for Monogame and XNA

A Bloom filter usable for Monogame and XNA applications.

Included is a sample solution, which shows the basic setup and how the integration can look like.

For the effect itself you only need the BloomFilter.cs and Shaders/BloomFilter/Bloom.fx files. This is a Windows desktop build, with DirectX.


I have added and tested Crossplatform and it should work without many problems (hopefully) now. Instead of using the default directx shaders we have to switch to OpenGL shaders. In shaders/bloomfilter/ there is a different .fx file called bloomCrossPlatform.fx If you rename that one to bloom.fx it should work.


The default rendertargets are of Format.Color, but if you do HDR or fp16 in general you should switch them up to fp16, too.

Alt text

High-Quality Bloom filter for high-performance applications

Based largely on the implementations in Unreal Engine 4 and Call of Duty AW
For more information look for

"Next Generation Post Processing in Call of Duty Advanced Warfare" by Jorge Jimenez


The idea is to have several rendertargets or one rendertarget with several mip maps
so each mip has half resolution (1/2 width and 1/2 height) of the previous one.

32, 16, 8, 4, 2

In the first step we extract the bright spots from the original image. If not specified otherwise thsi happens in full resolution.
We can do that based on the average RGB value or Luminance and check whether this value is higher than our Threshold.

    BloomUseLuminance = true / false (default is true)

    BloomThreshold = 0.8f;

Then we downscale this extraction layer to the next mip map.
While doing that we sample several pixels around the origin.

We continue to downsample a few more times, defined in

    BloomDownsamplePasses = 5 ( default is 5)

Afterwards we upsample again, but blur in this step, too.
The final output should be a blur with a very large kernel and smooth gradient.

The output in the draw is only the blurred extracted texture. 
It can be drawn on top of / merged with the original image with an additive operation for example.

If you use ToneMapping you should apply Bloom before that step.