GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → mob-sakai → Particleeffectforugui

mob-sakai / Particleeffectforugui

Licence: mit
Render particle effect in UnityUI(uGUI). Maskable, sortable, and no extra Camera/RenderTexture/Canvas.

Programming Languages

C#
18002 projects
ShaderLab
938 projects

Labels

uiunityunity3dcomponenteffectsparticleuguiparticle-system

Projects that are alternatives of or similar to Particleeffectforugui

Uieffect
UIEffect is an effect component for uGUI element in Unity. Let's decorate your UI with effects!
Stars: ✭ 3,449 (+77.69%)
Mutual labels:  unity, unity3d, component, ugui
Isaura
An attempt at making a aura thingie with a isoline shader.
Stars: ✭ 187 (-90.37%)
Mutual labels:  unity, unity3d, effects
Kinotube
An image effect simulating analog video artifacts in Unity.
Stars: ✭ 142 (-92.68%)
Mutual labels:  unity, unity3d, effects
Standardgeometryshader
An example of a geometry shader with Unity's standard lighting model support.
Stars: ✭ 303 (-84.39%)
Mutual labels:  unity, unity3d, effects
Shurikenplus
A collection of custom shaders for Unity particle system (Shuriken).
Stars: ✭ 121 (-93.77%)
Mutual labels:  unity, unity3d, effects
Unitybookpagecurl
Page curl effect for Unity3d using UGUI
Stars: ✭ 464 (-76.09%)
Mutual labels:  unity, unity3d, effects
Unmaskforugui
Reverse mask for uGUI element in Unity.
Stars: ✭ 259 (-86.66%)
Mutual labels:  unity, unity3d, component
Timelineparticlecontrol
An example of controlling particle system from timeline.
Stars: ✭ 348 (-82.07%)
Mutual labels:  unity, unity3d, particle
Skeletalgeometriceffects
Experiments on geometry shader instancing with skeletal animations
Stars: ✭ 436 (-77.54%)
Mutual labels:  unity, unity3d, effects
Kinocontour
Contour line filter for Unity
Stars: ✭ 400 (-79.39%)
Mutual labels:  unity, unity3d, effects
Ecs Snake
Simple snake game powered by ecs framework.
Stars: ✭ 41 (-97.89%)
Mutual labels:  unity, unity3d, component
Kinomotion
Motion blur post-processing effect for Unity
Stars: ✭ 484 (-75.06%)
Mutual labels:  unity, unity3d, effects
Kino
A collection of custom post processing effects for Unity
Stars: ✭ 1,054 (-45.7%)
Mutual labels:  unity, unity3d, effects
Darkconfig
DarkConfig is a configuration library for games which supports fast and expressive iteration
Stars: ✭ 94 (-95.16%)
Mutual labels:  unity, unity3d
Banditdungeon
Demo project using multi-armed bandit algorithm
Stars: ✭ 94 (-95.16%)
Mutual labels:  unity, unity3d
Forgenetworkingremastered
In short, Forge Networking is a free and open source multiplayer game (multi-user) networking system that has a very good integration with the Unity game engine. You wanna make a multiplayer game or real time multi-user application? This is the library for you.
Stars: ✭ 1,338 (-31.07%)
Mutual labels:  unity, unity3d
Candycoded
🍭 Custom Unity Components that are delightful
Stars: ✭ 96 (-95.05%)
Mutual labels:  unity, unity3d
Vrarmik
Unity Inverse Kinematics solution for arms in VR
Stars: ✭ 94 (-95.16%)
Mutual labels:  unity, unity3d
Uia 2e
all the projects from Unity in Action 2nd edition
Stars: ✭ 97 (-95%)
Mutual labels:  unity, unity3d
Phoenixsharp
C# Phoenix Channels client. Unity Compatible.
Stars: ✭ 96 (-95.05%)
Mutual labels:  unity, unity3d
View All Similar Projects ➔

Particle Effect For UGUI (UI Particle)

⚠️ NOTE: Do not use the obsolete tags and branches to reference the package. They will be removed in near future. ⚠️

This plugin provide a component to render particle effect for uGUI in Unity 2018.2 or later.
The particle rendering is maskable and sortable, without Camera, RenderTexture or Canvas.

PRs Welcome

<< Description | Demo | Installation | Usage | Development Note | Change log >>





Description

This plugin uses new APIs MeshBake/MashTrailBake (added with Unity 2018.2) to render particles by CanvasRenderer. You can mask and sort particles for uGUI without Camera, RenderTexture, Canvas.

Compares this "Baking mesh" approach with the conventional approach:
(This scene is included in the package.)

Approach Good Bad Screenshot
Baking mesh
(UIParticle)		 Rendered as is.
Maskable.
Sortable.
Less objects.		 Requires Unity 2018.2 or later.
Requires UI shaders to use Mask.
Do nothing Rendered as is. Looks like a glitch.
Not maskable.
Not sortable.
Convert particle to UIVertex
(UIParticleSystem)		 Maskable.
Sortable.
Less objects.		 Adjustment is difficult.
Requires UI shaders.
Difficult to adjust scale.
Force hierarchy scalling.
Simulation results are incorrect.
Trail, rotation of transform, time scaling are not supported.
Generate heavy GC every frame.
Use Canvas to sort Rendered as is.
Sortable.		 You must to manage sorting orders.
Not maskable.
More batches.
Use RenderTexture Maskable.
Sortable.		 Requires Camera and RenderTexture.
Difficult to adjust position and size.
Quality depends on the RenderTexture's setting.

Features

  • Easy to use: the package is out-of-the-box
  • Sort particle effects with UI
  • No Camera, RenderTexture or Canvas are required
  • Masking with Mask or RectMask2D
  • Support Trail module
  • Change alpha with CanvasGroup
  • No heavy allocation every frame
  • Support overlay, camera space and world space
  • Support changing material property with AnimationClip (AnimatableProperty)





Demo





Installation

Requirement


Using OpenUPM

This package is available on OpenUPM.
You can install it via openupm-cli.

openupm add com.coffee.ui-particle

Using Git

Find the manifest.json file in the Packages folder of your project and add a line to dependencies field.

  • "com.coffee.ui-particle": "https://github.com/mob-sakai/ParticleEffectForUGUI.git"

To update the package, change suffix #{version} to the target version.

  • "com.coffee.ui-particle": "https://github.com/mob-sakai/ParticleEffectForUGUI.git#3.3.0",

Or, use UpmGitExtension to install and update the package.

For Unity 2018.2

Unity 2018.2 supports embedded packages.

  1. Download a source code zip file from Releases page
  2. Extract it
  3. Import it under Packages directory in your Unity project





How to play demo

For Unity 2019.1 or later

  1. Open Package Manager window
  2. Select UI Particle package in package list
  3. Click Import Sample button
    demo
  4. The demo project is imported into Assets/Samples/UI Particle/{version}/Demo
  5. Open UIParticle_Demo scene and play it

For Unity 2018.4 or earlier

  1. Select Assets/Samples/UI Particle Demo from menu
  2. The demo project is imported into Assets/Samples/UI Particle/{version}/Demo
  3. Open UIParticle_Demo scene and play it

About Cartoon FX & War Fx Demo





Usage

UIParticle component

UIParticle controls the ParticleSystems that is attached to its own game objects and child game objects.

Properties Description
Maskable Does this graphic allow masking.
Ignore Canvas Scale Ignore the scale of the root canvas.
This prevents it from displaying small even in hierarchy scaling mode of ParticleSystem.
Scale Scale the rendering.
When the 3D toggle is enabled, 3D scale (x,y,z) is supported.
Animatable Properties If you want update material properties (e.g. _MainTex_ST, _Color) in AnimationClip, use this to mark the changes.
Shrink By Material Shrink rendering by material.
Performance will be improved, but in some cases the rendering is not correct.
Rendering Order The ParticleSystems to be rendered.
You can change the rendering order and the materials.

NOTE: Press Refresh button to reconstruct rendering order based on children ParticleSystem's sorting order and z position.



Basically usage

  1. Select Game Object/UI/ParticleSystem to create UIParticle with a ParticleSystem.
    particle
  2. Adjust the ParticleSystem as you like.
    particle1



With your ParticleSystem prefab

  1. Select Game Object/UI/ParticleSystem (Empty) to create UIParticle.
    empty
  2. Drag & drop your ParticleSystem prefab on UIParticle.
    particle3



With Mask or MaskRect2D component

If you want to mask particles, set a stencil supported shader (such as UI/UIAdditive) to material for ParticleSystem.



Script usage

// Instant ParticleSystem prefab with UIParticle on runtime.
var go = GameObject.Instantiate(prefab);
var uiParticle = go.AddComponent<UIParticle>();

// Play/Stop the controled ParticleSystems.
uiParticle.Play();
uiParticle.Stop();





Development Note

Animatable material property

Animation clips can change the material properties of the Renderer, such as ParticleSystemRenderer.
It uses MaterialPropertyBlock so it does not create new material instances.
Using material properties, you can change UV animation, scale and color etc.

Well, there is a component called CanvasRenderer.
It is used by all Graphic components for UI (Text, Image, Raw Image, etc.) including UIParticle.
However, It is NOT a Renderer.
Therefore, in UIParticle, changing ParticleSystemRenderer's MaterialPropertyBlock by animation clip is ignored.

To prevent this, Use "Animatable Material Property".
"Animatable Material Property" gets the necessary properties from ParticleSystemRenderer's MaterialPropertyBlock and sets them to the CanvasRenderer's material.





Contributing

Issues

Issues are very valuable to this project.

  • Ideas are a valuable source of contributions others can make
  • Problems show where this project is lacking
  • With a question you show where contributors can improve the user experience

Pull Requests

Pull requests are, a great way to get your ideas into this repository.
See CONTRIBUTING.md.

Support

This is an open source project that I am developing in my spare time.
If you like it, please support me.
With your support, I can spend more time on development. :)






License

  • MIT

Author

See Also

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].