내일배움캠프 Unity - TIL : 25.01.22

오늘 학습한 내용

UI 위에 파티클 출력

파티클을 UI 위에 표시하려 시도한 세 가지 방법 중, Render Texture와 Raw Image를 사용한 방법은 배경이 없으면 파티클이 보이지 않아 실패했으며, Overlay 설정을 활용한 방법도 파티클이 출력되지 않아 실패했습니다. 마지막으로, "ParticleEffectForUGUI" 플러그인을 사용하여 성공적으로 UI 위에 파티클을 구현할 수 있었습니다.

---

문제 및 해결 과정

문제

UI 위에 파티클을 출력하려 했으나 기본 유니티 설정만으로는 화면의 최상위에 그려지는 UI위에 파티클을 출력시키지 못했습니다.

 

시도한 해결 방법

1) Render Texture와 Raw Image 사용

파티클 전용 카메라를 생성한 뒤 Render Texture를 연결하여 카메라의 이미지를 Raw Image를 통해 UI 위에 파티클을 출력하려 했습니다. 그러나 배경이 없으면 파티클은 보이지 않았고 배경의 알파값을 파티클이 따라가 원하는 방식으로 되지 않아 실패했습니다.

 

2) Render Type을 Overlay로 설정

파티클 전용 카메라의 Render Type을 Overlay로 변경해 Main Camera 위에 파티클을 출력하려 했습니다. 하지만 파티클이 전혀 출력되지 않아 실패했습니다.

 

3) 외부 플러그인 사용

"ParticleEffectForUGUI" 플러그인을 사용하여 UI 위에 파티클을 구현했습니다. 플러그인을 통해 손쉽게 파티클을 출력하여 해결했습니다. 플러그인 파일 주소 및 설명 유튜브 주소는 가장 아래에 첨부되어있습니다.

 

결과

UI 위에 파티클을 구현하는 방법으로 "ParticleEffectForUGUI" 플러그인을 사용하여 문제를 해결했습니다.

---

새롭게 알게 된 점

Unity 기본 카메라 및 Render Texture의 한계

기본 카메라와 Render Texture만으로는 UI 위에 파티클 효과를 출력하는 데 제한이 있었습니다. 파티클만 깔끔하게 출력할 수 없었습니다.

 

"ParticleEffectForUGUI" 플러그인

"ParticleEffectForUGUI" 플러그인은 UI 위에 파티클 효과를 쉽게 구현할 수 있는 유용한 도구였습니다.

---

앞으로의 계획

 

• 다른 팀원들과 작업을 취합하여 프로젝트를 완성할 예정입니다.
• 게임의 easy 난이도 클리어와 관련된 변수 저장 기능을 구현할 계획입니다.
• 옵션창을 구현하여, 사운드 조절값을 변수로 저장할 예정입니다.
• 플러그인을 사용하지 않고 UI 위에 파티클 효과를 구현할 수 있는 방법을 추가적으로 연구할 예정입니다.

---

https://www.youtube.com/watch?v=mCM2BwZbuwY

 

https://github.com/mob-sakai/ParticleEffectForUGUI

GitHub - mob-sakai/ParticleEffectForUGUI: Render particle effect in UnityUI(uGUI). Maskable, sortable, and no extra Camera/Rende