How to show Particle System in Canvas

So I’m trying to add particle systems into my canvas. While they work perfectly in Scene view, they don’t show at all in Game view. How can I solve this?

I tried using: Free Script - Particle Systems in UI Screen Space Overlay but then that script was “unusable” by unity.

What other ways would work?

1 Like

Hi there,

I created the Canvas Particle System, an asset that can create UI particles fully compatible with Unity’s UI Render Pipeline.

Within this asset you can:

  • Use sibling index to control particles z position
  • Add particles in front, behind, or between any UI element
  • Emit particles from: point, directional, line, rect, and circular or using any recttransform in the scene
  • Works on all canvas types:
  • Works on all platforms: mobile, desktop, or console
  • Control all emitter attributes programmatically
  • Animate any emitter or particle attributes
  • Add multi-texture particles
  • Particles with animates sprites
  • Emit particles from images
  • Use UI masks
  • Emit from local or world spaces
  • Render Shuriken particle on UI
  • And more
1 Like

Any way to get support from you? Do you have a Unity Forum thread for this Asset?

Your Shuriken demo scene has errors in it and the documentation doesn’t explain the difference between “Shuriken” and the other method. Also, some of your samples don’t behave the way they do in your YouTube videos.

1 Like

I have used and can recommend GitHub - mob-sakai/ParticleEffectForUGUI: Render particle effect in UnityUI(uGUI). Maskable, sortable, and no extra Camera/RenderTexture/Canvas. (as mentioned above). As far as I remember for a simple usage all you need to do is add a UI Particle component to an object with particle system that you want to show

3 Likes

Oooo! Nice!

(Checking out the WebGL demo, seems the effect moves position if you go fullscreen? :frowning: )

Hi there, you can send me an email at deankovitch@gmail.com
In any case, I will take a look into those issues and let you know ASAP about the fixes.
Could you answer some questions to help identify what might be happening please:
Which Unity version are you using?
Are you simulating the particles inside the editor mode or in play mode?
Which version of Canvas Particle are you using?

1 Like

Hello Dean. I’m using Unity 2021.3 LTS. I imported the package, then double-click the Shuriken Scene and right away there’s the error in console. Under Rendering, the material is missing. Possibly other missing references too.

As for the magic potion examples, it seems like settings for particle life are set “wrong”, (set too long and dont play the same in editor vs Play mode)

Hey Deankovitch. Mine is rendering the particles as black in game - view

Use UI/Additive shader for your ui particles.

3 Likes