| Publisher | KAMGAM |
|---|---|
| File size | 2.34MB |
| Number of files | 54 |
| Latest version | 1.1.0 |
| Latest release date | 2024-05-09 06:00:19 |
| First release date | 2023-09-04 02:02:13 |
| Supported Unity versions | 2018.4.2 or higher |
Links: Manual
Blurred backgrounds for UGUI / Canvas for all render pipelines (URP, HDRP, Built-In), 2D* and 3D. It also supports world, camera and overlay canvases.
Nicely blurred see-through UI for everyone.
✔️ Super easy to use
No setup or coding required. Add the component and you are done.
✔️ Works with ALL render pipelines
Built-In, URP and HDRP are supported. 3D and even experimental* 2D support
✔️ Works with ALL canvas types (Overlay, World, Camera)
*2D URP only supports OVERLAY canvases (details in the manual). "2D URP" means the special 2D renderer by Unity. The normal URP renderer supports all canvas types just fine.
✔️ Works with masking and sprite shapes
Basically anything the normal image can do as it extends the normal image component.
✔️ Performant shader
No grap pass. It uses a simple 2-pass blur (horizontal, vertical) with very few texture lookups. It operates on a downsampled color buffer taken directly from the camera (command buffer).
✔️ Supports Gamma and Linear color space
✔️ Enter Play Mode Settings Support
Skip the assembly reload. Fast iteration guaranteed!
✔️ Examples included
Go to Kamgam/UGUIBlurredBackground/Examples to open the demo scene.
✔️ Settings & Documentation
Multiple quality settings so you can adapt it to your needs. There is a manual with lots of images and explanations.
✔️ Full Source Code included!
I publish this asset with full source code because as a developer I know how annoying it is to not have source code access. If you like it then please remind others to purchase the plugin. Don't just copy and paste it everywhere. Thank you ❤️
✔️ Supports Unity 2021.3+, 2022, 2023 ... LTS
It may work with earlier versions too but those are neither tested nor officially supported.
🎮 Try before you buy
Here are some demos for you to try.
Things you should know (👓 read this before you buy)
😲 This is NOT an asset for the new UI Toolkit. If you need UI Toolkit blur then please check out my UI Toolkit Blurred Background asset.
⚠️ At the moment there is only one global blur strength setting. This means that all blurred backgrounds will have the same blur strength. The most recent activated image will take precedence. If you need more please let me know. If demand is high enough it may be added.
⚠️ No UI over UI blur, only scene contents are blurred.
⚠️ It assumes forward rendering. If you are using deferred rendering then it may not work (it's untested on deferred renderers).
If you have written your own SRP then please notice this adds a render pass for the "RenderPassEvent.AfterRenderingPostProcessing" for OVLERAY canvases and a "RenderPassEvent.BeforeRenderingTransparents" for WORLD and CAMERA canvases.
⚠️ *URP 2D support is experimental, meaning only screen space OVERLAY canvases are supported and even those do not render any Post-Processing effects. Please read the manual for more info on why (it's primarily due to Unity limitations). Hopefully this will change in the future.
✍️ Usage
1) Right-click and choose UI > UI Blurred Backgroun Image.
2) Done. No further setup is neeed. It behaves just like any normal image.
😎 HINT 1:
Use some alpha on the tint in combination with a bright background image to simulate some semi-transparent white glass (instructions in the manual).
🧐 HINT 2:
Try a low resolution for your highly blurred backgrounds. Doing that you can save some resources. Better spend those fps elsewhere!
🤠 HINT 3:
If you want to disable the blur for a while then set the strength to 0. This will completely disable the effect.
🤓 HINT 4:
If you enable "Use Sprite Mesh" then you can use the sprite mesh as a mask (the "heart" in the demo uses this).
🤫 HINT 5:
The blur is rendered (extracted) once per frame from your already rendered color buffer. This means it has very little overhead and it does not matter how big your blurred UI is. Don't be afraid to go full screen. Additional Hint: It looks extra cool if you animate the blur ;-)
☎️ Support
If you have any questions please write to office[at]kamgam.com. Please be patient, replies may take a few days. Please include your Asset Store Order Nr and Unity version in your request. Thank you.
❤️ If you like this asset then maybe you'll like these too:
😲 UI Toolkit Blurred Background
Basically the same as this, just for UI Toolkit instead of UGUI.
Punch holes into your UI.
Skip the hierarchy search. What you click is what you select.
Get a preview of your UI Prefabs in the Inspector.
One Settings UI + API for all render pipelines.
