UIの上に3Dエフェクト（パーティクルなど）を重ねて表示したいが、エフェクトが常にUIの背景画像の後ろに隠れて表示されない。または逆に、UIボタンの手前に表示したいのに、ボタンの枠だけを突き抜けて表示がおかしくなる。
UIを描画するCanvasのRender Modeが「Screen Space - Overlay」（常に最前面）になっていること、または「Screen Space - Camera」においてCanvasと3Dカメラの「Plane Distance（距離）」や「Sorting Layer」の設定が不適切であることが原因です。
CanvasのRender Modeを「Screen Space - Camera」に変更し、UI描画用のメインカメラを割り当てます。Canvasの「Plane Distance」を調整して3Dエフェクトが配置される物理的な厚み空間を確保し、Canvasの「Sorting Layer」で前後関係を整理します。
2DのUIの隙間や手前側に、3Dエフェクトやキャラメッシュを正確にソーティングして挟み込む手順です。
\n\nCanvas ➔ Render Mode を **`Screen Space - Camera`** に設定し、UIカメラを紐付けます。
\nPlane Distance の値を **`5`** 前後にしてカメラに引き寄せ、エフェクトオブジェクトの3Dトランスフォームを「カメラとUI面の間」に配置して距離ソートさせます。
A. はい、Canvasの「Sorting Layer」とパーティクルRendererの「Sorting Layer」を揃え、「Order in Layer」の値をCanvasの値より大きく設定してください。