Unity
UI Toolkit Particles - Particle Image for UI Elements
By KAMGAM
$29.99
Rated 4.0/5 from 6 ratings on Unity.
About UI Toolkit Particles - Particle Image for UI Elements
- Art & Visuals > VFX
- Art & Visuals > UI & GUI
Adds a particle image control to your UI Toolkit library (this is NOT for uGUI). If you are looking for a uGUI solution then here is the uGUI version of the asset.
Easy to use
No coding skills required. Works just like the default Unity particle system.
Animated Preview in UI Builder
See how your particles behave while you are designing your UI.
Performance
Each particle is just one quad within the UI Toolkit visual hierarchy. This significantly reduces overdraw.
Lots of examples and documentation
Check out Kamgam/UIToolkitParticles/Examples. The gems and coins demo and the progress bar are included too.
Full Source Code
I publish this asset with full source code because as a developer I know how annoying it is to not have source code access.
Supports Unity 2021.3+, 2022, Unity 6, ... LTS
Things you should know (Read this before you buy):
There is an intro section in the manual. Please read it first.
This is NOT a UGUI component, it's for the new UI Toolkit. If you are looking for a UGUI solution then here is the uGUI version of the asset.
Unity 2021.3 or higher is required since that's when Unity added the UI Toolkit module.
Unsupported modules:
The particle system is the Unity default component. However, not all its features are supported. The most notable limitations are:
X/Y-axis rotation: Only rotation around the z-axis is supported. The reason is that UI Toolkit will clip anything that is rotated on the other axis.
Texture Sheet Animation: Texture sheet animations are only partially support (lifetime and fps are supported, speed mode is not).
Custom Materials and Lights: Since we can not set the material in UI Toolkit rendering we can not assign any shaders. The UI Toolkit default shader is unlit. Hopefully Unity will add this feature one day.
Sub Emitters: These are not supported at the moment.
Trails: These are not supported at the moment as they would require a second material.
Custom Data: The ParticleSystemForImage does not have an API to access custom particle data. If needed you can add the code yourself it's just that there is no ready made ap for it.
Renderer: The particle renderer is not used at all in UI Toolkit and thus none of it is supported.
Please keep in mind that UI Toolkit as a whole is still a work in progress and not quite ready for prime time. Unity itself still recommends using UGUI instead of UI Toolkit for runtime applications.
Usage
1) Open the UI Builder
2) Create a UI Document in your scene and reference the UI asset
3) Save the scene
4) Drag in a ParticleImage from the Library (custom controls)
5) Save the UI
6) Select the particle image and check the scene inspector for the configuration of particles.
HINT 1:
Always save your UI and your scene. UI Toolkit is a bit picky about that. Your changes may only become visible once you saved your assets. Keep your scene and your UI in sync!
HINT 2:
Enable the renderer module on the particle system in the scene for debugging (disable in builds!).
HINT 3:
Read the whole manual once (especially the intro and the FAQ section). I know this sounds boring but it will pay off, I promise!
Easy to use
No coding skills required. Works just like the default Unity particle system.
Animated Preview in UI Builder
See how your particles behave while you are designing your UI.
Performance
Each particle is just one quad within the UI Toolkit visual hierarchy. This significantly reduces overdraw.
Lots of examples and documentation
Check out Kamgam/UIToolkitParticles/Examples. The gems and coins demo and the progress bar are included too.
Full Source Code
I publish this asset with full source code because as a developer I know how annoying it is to not have source code access.
Supports Unity 2021.3+, 2022, Unity 6, ... LTS
Things you should know (Read this before you buy):
There is an intro section in the manual. Please read it first.
This is NOT a UGUI component, it's for the new UI Toolkit. If you are looking for a UGUI solution then here is the uGUI version of the asset.
Unity 2021.3 or higher is required since that's when Unity added the UI Toolkit module.
Unsupported modules:
The particle system is the Unity default component. However, not all its features are supported. The most notable limitations are:
X/Y-axis rotation: Only rotation around the z-axis is supported. The reason is that UI Toolkit will clip anything that is rotated on the other axis.
Texture Sheet Animation: Texture sheet animations are only partially support (lifetime and fps are supported, speed mode is not).
Custom Materials and Lights: Since we can not set the material in UI Toolkit rendering we can not assign any shaders. The UI Toolkit default shader is unlit. Hopefully Unity will add this feature one day.
Sub Emitters: These are not supported at the moment.
Trails: These are not supported at the moment as they would require a second material.
Custom Data: The ParticleSystemForImage does not have an API to access custom particle data. If needed you can add the code yourself it's just that there is no ready made ap for it.
Renderer: The particle renderer is not used at all in UI Toolkit and thus none of it is supported.
Please keep in mind that UI Toolkit as a whole is still a work in progress and not quite ready for prime time. Unity itself still recommends using UGUI instead of UI Toolkit for runtime applications.
Usage
1) Open the UI Builder
2) Create a UI Document in your scene and reference the UI asset
3) Save the scene
4) Drag in a ParticleImage from the Library (custom controls)
5) Save the UI
6) Select the particle image and check the scene inspector for the configuration of particles.
HINT 1:
Always save your UI and your scene. UI Toolkit is a bit picky about that. Your changes may only become visible once you saved your assets. Keep your scene and your UI in sync!
HINT 2:
Enable the renderer module on the particle system in the scene for debugging (disable in builds!).
HINT 3:
Read the whole manual once (especially the intro and the FAQ section). I know this sounds boring but it will pay off, I promise!