UI Toolkit Filters & Shaders
Adds multiple new UI Toolkit custom filter effects.
by KAMGAM
Price History +
Links: Manual
⚠️ This asset is NOT for uGUI. It’s for the new UI Toolkit and requires Unity 6.3+.
It adds custom filter options to the Filters attribute introduced in Unity 6.3.0f1.
✔️ Unity 6.3+
It requires 6000.3+ because custom filters have been first introduced in Unity 6.3.
✔️ Multiple Filter Effects
Burn, Pixelate, Vignette, Outline, Chromatic Aberration, Dissolve, HSV (a more configurable version than Unitys default HSV), Color Overlay. If you have ideas for more effects then please let me know (no promises though but I'll listen) :-)
✔️ Code-Free Workflow
Just add a custom filter and then tweak the properties in the UI Builder. However you can also add them via code, see here. Don't forget that you can tweak the material properties too ;-)
✔️ HLSL & Shader Graph included
Your dream effect is not included? No problem! Copy one of the examples and make your own shaders manually with HLSL or with Shader Graph
✔️ Scripting API
Just one line to change filter parameters.
✔️ Full source code included
I publish this asset with full source code because as a developer I know how helpful it is to have source code access. If you like it then please remind others to purchase the plugin. Don't copy and paste it everywhere and please don't push it to GitHub. Thank you ❤️
Things you should know (👓 please read this before you buy)
There is an online manual. Please read it before using the asset.
😲️ Again, this is NOT a default UI (uGUI) or IMGUI asset. This is for Unitys new UI Toolkit.
⚠️ You need Unity 6000.3 or higher.
It requires 6000.3+ because custom filters have been first introduced in Unity 6.3.
⚠️ URP "only" (HDRP/Bi untested):
TLDR: Will probably work in HDRP too but not in the old Built-In RP, neither is guaranteed. URP is guaranteed to work (which is the default RP in Unity 6+).
While the filters usually work fine in all render pipelines the included shaders have only been tested in URP. I have had users reporting that some work in Built-In and HDRP too but these Unity versions are not part of my test setup for this asset.
⚠️ Batching: Custom Filters break batching so use them with care. This is not a limitation of this asset but true for all UI Toolkit filters. Consider this a heads up.
⚠️ Low Resolution: Custom filtered UI content may look like low resolution compared to regular UI. Why? That's a limitation of how Unity built the UI filters (not specific to this asset). Basically your UI gets rendered into an image and that image is then filtered. Logically that image then limits the max resolution of the UI. Hopefully you will never notice it but in the 6.3 beta the resolution was still fairly limited so I though it might be good to let people know. If you need filters for super high res 4k+ UI then this will probably be tricky to get with filters.
⚠️ VR Support Unknown: I don’t own a VR headset so I can not really test it (though I think it should work since Unity's default filters do and these are based on them). If you have tried it in VR please let me know.
FAQs
Q: Does it include or can I make a Photoshop like Overlay filter with this?
A: Sadly no as the filters do not have access to the color buffer meaning the filters do not know what pixel color is below them and thus blending effects that require that info (like overlay, add, remove, ...) are impossible at the moment. This is not a limitation of this asset but the UI Toolkit filters in general (source).
✍️ Usage
1) Open the UI Builder Window
2) In your element inspector (on the right) scroll down to Filters (only available in Unity 6.3+)
3) Click on the (+) icon and select "Custom".
4) Pick one of the Kamgam.. filter definitions.
5) Tweak to your liking
6) Done.
😎 HINT 1:
The MATERIALS of the filter definitions expose some extra parameters you can tweak. Why are they not part of the filter in UI Builder you may ask. Well, Unity does only support up to 4 filter attributes right now (hopefully they will change this in future versions).
🧐 HINT 2:
The asset includes shaders written in HLSL as the Unity manual tells you to do BUT it also contains shader graphs that have been tweaked to work with UI Toolkit too (use them as templates). If you want to do your own shaders in Shader Graph then please notice that UI Toolkit your shaders do NOT have access to the frame buffer and Unity does not guarantee that all nodes work. You will just have to try what works and what does not.
🤠 HINT 3:
You can stack multiple filters on top of each other. Notice the Vignette filter used on the backgrounds in the examples.
☎️ 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:
Add funny animations to your text.
📄 UI Toolkit Blurred Background
Blur the scene background behind your UI.
Separate your assets into useful parts within seconds.
One Settings UI + API for all render pipelines.
🔑 License Info
This asset requires one license per seat (user who has access to the asset files). If you are a team then please consider buying one seat per Unity user.
Why am I telling you this?
Because most people do not know. In fact any asset found under the Tools category falls under a license type collectively known as Extension Assets (see official license explanation) which differs from the standard (Entity) licenses.
If you have questions about the license then please contact me under office[at]kamgam.com.
