[🐣질문] UI 팝업 이미지 구조 질문이요..

[디붕쿤(divide6198)]

인게임 화면에서

미니게임 버튼을 누르면 해당 인게임씬 그대로에서 팝업창을 띄워서 미니게임을 실행하게 하고 싶어요

UI 팝업창이 뜨고 그 안에 플레이어가 UI Image(UI팝업창 안에 있을거니까 UI Image)로 들어가 있고,

미니게임을 시작전엔 대기 애니메이션, 시작하고 성공하면 기뻐하는 애니메이션으로 전환, 실패하면 슬퍼하는 애니메이션으로 전환 이런걸 하고 싶은데

UI Image에 애니메이터를 넣고 실행하는건 안되는거같아서..이럴경우 어떻게들 해결하시는지 궁금해서 여쭈어보려고 글을 쓰게 되었습니다.

제가 생각한 방법은

팝업창을 그냥 UI 캔버스 Image로 하지말고 인게임 SpriteRenderer게임오브젝트로 해서 소팅레이어 높여서 팝업인것처럼 보이게 하고 거기에 플레이어 애니메이터를 넣어 적절한 상황해 해당 애니메이션을 실행한다.

~라는 방법은 생각하긴 했는데 팝업창을 UI Image가아닌 인게임 SpriteRenderer게임오브젝트로 돌려도 괜찮나?버튼은 또 UI버튼을 쓰긴해야할텐데? 싶은 우려+좀 더 좋은방법이 있을까? 싶은맘에 인갤에 여쭈어보려고 글을 씁니다

좋은 방법이 있을까요..?

.

[디붕쿤(divide6198)]

앗..자문자답이긴한데 UI Image에 애니메이터 넣은후 프로퍼티를 Image.Sprite로 프로퍼티를 수정하니까 되기는 되네요..이걸로 좀 더 방법을 찾아봐야겠네요.. 근데 Image.Sprite애니메이션 생성하는 방법이 좀 불편한거 같네요..;

[211214(tomatoss)]

저도 그 방법말곤 모르겠네요.. 걍 편하게 작업하려면 스프라이트렌더러를 빌보드로 만들어서 UI처럼 쓰는게 나을 것 같은데

[디붕쿤(divide6198)]

빌보드라는 단어를 아예 처음들어보네요 한번 검색해봐야겠어요!

[익명(112.153)]

여기다 질문 하려고 만든 짤임? 존나 귀엽네 ㅋㅋㅋㅋㅋㅋㅋ

[디붕쿤(divide6198)]

글보다는 그림이 이해하기 쉬울거 같아서 ㅎㅎㅎ..

[익명(112.153)]

팝업은 ui panel을 이용해서 띄우고 애니메이션은 캐릭터 ui image에 애니메이터 컴포넌트를 이용해서 만들면 되지 않음?

[디붕쿤(divide6198)]

처음엔 순수하게 애니메이션 클립의 프로퍼티를 Sprite로 해놓고 했더니 안되더라구요 ㅋㅋ ㅠ 애니메이션의 프로퍼티를 Image.Sprite로 변경해야한다는걸 첨알았어요 UI에 애니메이션을 처음넣어봐서 ㅎㅎ;;

[익명(112.153)]

Project 옆에 console 옆에 Animation 기능의 원리로 만들면 안되는거야? SCENE 옆에 ANIMATOR 창에서 여러가지 애니메이션을 넣고 Trigger을 이용해서 특정 상황에 원하는 애니메이션이 재생되도록 설정 할 수 있거든

[디붕쿤(divide6198)]

네네 맞는 말씀인데 기본 애니메이터 컴포넌트에 에셋 스프라이트를 프레임으로 넣으면 애니메이션 적용이 안되요 거기서 애니메이션을 더블클릭하면 애니메이션의 프로퍼티와 재생 시간 키 표가 나오는데, 거기서 프로퍼티가 기본적으로 Sprite로 되어있어요. 이게 문제에요. 프로퍼티를 수정해야하는데 그럼 결국 현재 키 설정을 삭제하고 새 프로퍼티를 추가하고 형식을 Image.Sprite로 바꿔서 다시 키를 만들어줘야해요

[SR4(succeed4464)]

uGUI 상에서 Animator 사용하려면 제약이 좀 있어요. Material 값을 직접적으로 수정 못하는 것도 그 중 하나(물론 우회책은 있습니다). 여튼 시도해볼만한 방법이라면... 1. SpriteRenderer + 버튼 동작은 월드캔버스 하나 만들어서 버튼을 동작하게 한다 2. SpriteRenderer + 버튼 동작은 레이캐스트로 직접 구현한다 3. SpriteRenderer를 별도의 Camera로 촬영하여 Render Texture를 뽑아내고 그걸 UI상에 띄운다 이 정도가 생각이 납니다.

[디붕쿤(divide6198)]

캐릭터에 특수효과 까지 줄 생각은없어서 마테리얼 값 변동은 없을거 같네용 순수하게 프레임 애니메이션이 필요한 상황이였어서, 프로퍼티를 Image.Sprite로 변경해서 이대로 써도 될거같긴한데.. 또 모르죠 어떤 문제가 발생할지 ㅋㅋㅋ ㅠ 조언 감사합니다 두가지 다 해봐야겠어요