uGUI Particles - UI Particles Image for Canvas

Links: Manual | Support

Adds a particle image control to your UI Toolkit library.

✔️ Right-click > UI > Particle Image > done

No coding skills required. No extra cameras or layers needed.

✔️ Familiar Workflow

It's all done within a UI Image´s geometry. So anything you can do with a normal UI element you can do with these particles too. It works just like the default Unity particle system. In fact it uses the default particles system in the back.

✔️ Dynamic Particle Origins (UI or World objects)

Simply drag in your transform and the particles will start spawning from there. - OR - Animate the origin by using the Position attributes.

✔️ Animated Preview in Edit Mode

See how your particles behave while you are designing your UI.

✔️ No custom shaders used

It works in any render pipeline (URP, HDRP, Built-In).

✔️ Examples & Documentation

Check out Kamgam/UGUIParticles/Examples. The attractor and progress bar shown in the video are included in the demos.

✔️ 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. 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, 2024 (Unity 6), ... LTS

If you have issues with a Unity version then please try upgrading to the most recent LTS before asking support.

>> Things you should know (Read this before you buy) <<

There is an intro section in the manual. Please read it first.

⚠️ This is not for the new UI Toolkit! It's for the default UI system (called uGUI). If you are looking for a UI Toolkit solution then please check out UI Toolkit Particles instead.

⚠️ Only a subset of the particle system modules are supported:

The particle system uses 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 may get clipped or intersect other UI if rotated on the x or y axis.

Texture Sheet Animation: If you need multiple textures please use multiple particle images.

Sub Emitters: These are not supported at the moment.

Trails: These are not supported at the moment.

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 API for it.

Renderer: The particle renderer is not used at all and thus none of it is supported.

More infos are in the manual.

✍️ Usage

1) Right-Click on your Canvas > UI > Particle Image (uGUI)

2) Configure your particles.

3) done

😎 HINT 1:

Particles are fully maskable. In fact you can do with it anything you can do with a regular image component.

🧐 HINT 2:

Enable the renderer module on the particle system in the scene for debugging (don't forget to disable in builds).

🤠 HINT 3:

Read the whole manual once (especially the intro and the FAQ sections). I know this sounds boring but it will pay off, I promise!

☎️ 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 the exact Unity version in your request. Thank you.

❤️ If you like this asset then maybe you'll like these too:

✏️ Smart UI Selection

Skip the hierarchy search. What you click is what you select.

😲 UGUI Blurred Background

Blurred backgrounds for UI.

🖌 UGUI Animated Outlines & Glow

Make your selection highlights shine.

✨ UI Inverse mask

Punch holes into your UI.

🔍 UI Preview

Get a preview of your UI Prefabs in the Inspector.

⚙ Settings UI Generator

One Settings UI + API for all render pipelines.