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.

(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
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?