Make A Dynamic / Real Time Blurs (Gaussian)

6

Attached Files

The following files have been attached to this tutorial:

.capx

Stats

2,154 visits, 2,810 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 19 Jan, 2020. Last updated 20 Jan, 2020

Read This First

I tested this on Construct 2. Do note this MAYBE will make the device to be lagged. This tutorial uses purely Construct's built-in effects.

Set Up

Make a white box using a simple sprite.

Make a white box. Why white? Well, after you've done with this tutorial, try to change the colours.

Apply Effects

This is an important one! To make it blurred the background in real-time, you need to apply the DIVIDE, BLUR HORIZONTAL and BLUR VERTICAL effects.

ORDERS ARE VERY IMPORTANT!

Done! Test It!

That's about it, really! You can now test it! Put some object BEHIND the Blurrer and you can and will see its result.

The result.

Sidenotes (Want blurrier?)

Do remember the ordering of the effects are very important. Also, do you want it to be more blurry? Don't bother to even change the intensity, it doesn't work correctly. Instead, apply the exact same BLUR HORIZONTAL and BLUR VERTICAL multiple times.

Like this.

.CAPX

Final Words

Thanks for reading this tutorial! Hope it helps people as it did to me! If you found the video version of this tutorial by Two River Town, that's me!

See ya!

  • 6 Comments

  • Order by
Want to leave a comment? Login or Register an account!