26
24

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【Unity5】uGUIの手前にパーティクル(Particle System)を表示する方法

Last updated at Posted at 2015-11-17

uGUIでUIを作るとそのままの状態ではUIの後ろにパーティクルが隠れてしまいます。
uGUIの手前にパーティクルを表示する方法でつまづいたので調べて記事にまとめてみました。
ちなみにこの記事で使っているUnityのバージョンは 5.2.1p3 です。

image

#方法1. CanvasのRenderModeを「Screen Space - Camera」にする
CanvasのRenderModeを「Screen Space - Camera」にしてRender Cameraにカメラをアタッチ.
image

image
UIの手前にパーティクルが表示されました。

#方法2. CanvasのRenderModeを「World Space」にする
CanvasのRenderModeを「World Space」にして、UIがパーティクルの後ろにくるようにUIの位置を調整。
image

image
UIの手前にパーティクルが表示されました。

#補足 - ParticleSystemとuGUIの描画優先度について

・CanvasのRenderModeが「Screen Space - Overlay」の場合は常に手前にUIが表示されるみたいです。

・ParticleSystem と UI の Order in Layer が同じ場合
 座標の前後によって描画順が決まります。(UIの手前にパーティクルがあればパーティクルが手前に表示されます。)

・ParticleSystemの Order in LayerがUIの Order in Layer より小さい
 パーティクルがUIの後ろに隠れます

・ParticleSystemの Order in LayerがUIの Order in Layer より大きい
 パーティクルがUIの手前に表示されます

image

image

26
24
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
26
24

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?