LoginSignup
6
3

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 3 years have passed since last update.

@hidari

(Unity3D)パーティクルをUIの前に表示する方法

Posted at

パーティクルを表示する際にUIの前面に表示するための方法をメモ

version

2020.3.5f1

使用したアセット

Cartoon FX Free
FREE Stylized PBR Textures Pack

手順

1. Canvasを新規作成し、レイヤーが「UI」になっていることを確認

image.png

2. レンダーモードを「スクリーンスペース・カメラ」に変更

image.png

3. UI表示用カメラを新規作成し、1で作成したCanvasのレンダーカメラに設定

今回はメインカメラをコピーして作成
image.png

4. 3で作成したカメラからAudio Listenerを削除

image.png

5. UI表示用カメラのレイヤーを「UI」に変更

image.png

6. UI表示用カメラのクリアフラグを「深度のみ」に変更

image.png

7. UI表示用カメラのカリングマスクを「UI」に変更

image.png

8. UI表示用カメラの深度を元々あったカメラの深度より大きくする

image.png

9. UI要素をCanvas直下に作成し、UI用カメラにUI要素のみ映っていることを確認

image.png

10. パーティクルをUI表示用のCanvas直下に作成し、レイヤーを「UI」に変更

image.png

分かりやすさのためにスケールを100倍にしておく

11. パーティクルのレイヤー順序をUI要素より大きい値にする

image.png

色を調整して完成

particle.gif

6
3
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
Sign upLogin
6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?