inflearn logo
강의

Course

Instructor

UI Designer's Engine Course, Unreal UMG Recipes (Beginner)

7강 애니메이션 Visibility 관련 질문

Resolved

53

2yily33277

1 asked

0

안녕하세요. 7강 인벤토리 슬롯 애니메이션 제작 관련 질문이 있습니다.


시각적인 부분에서는 이미 Opacity로 보였다-안보였다가 잘 작동하는 것으로 보이는데, 추가로 Visibility 노드를 추가해 원래 있던 Collapsed 상태에서 한번 Not hit Testable로 변했다가 다시 Collapsed로 돌아오게끔 하시는 이유가 뭔지 정확하게 알고싶습니다!

Behavior은 기능 관련된 부분이라고만 생각을 했는데, 애니메이션은 0.5초 사이에 일어나는데 기능의 변화가 왜 필요한지 궁금합니다.

unreal-engine gui unreal-umg uiux

Answer 2

1

lucynim

안녕하세요~ 루시입니다.

왠일로 아래 AI가 맞는 말을 해줬네요😉 제가 조금 더 덧붙여서 대답을 하자면요~

사람들마다 작업 스타일이 있기 때문에 각자 다를 텐데요, 저 같은 경우에는 드로우콜의 완벽 차단을 위해 '화면에서 보이지 않는 상태면 가급적 Visibilty를 끄는' 버릇이 있습니다. 언리얼 엔진 자체적으로 렌더 오퍼시티가 0이 되면 드로우를 하지 않긴 하는데요, 혹시라도 그 기능이 제대로 작동하지 않을 수도 있고, 애니메이션 키프레임의 경우 0.00001 초에서 끝난다거나 하는 오차범위가 있기 때문에 오퍼시티가 완벽하게 0이 아닌 경우도 있고 그렇습니다. 그래서 화면에서 보이는 부분에 대한 제어는 오퍼시티로 한 후, 화면에서 켜지고/꺼지는 것에 대한 제어를 visiblity로 한번 더 하는 것이라고 보면 되겠습니다.

또한 이렇게 오퍼시티0인 상태와 visibility를 함께 제어해줘야 나중에 버그를 추적할때에 편한것도 이유가 됩니다. 위젯 리플렉터에서 한번에 확인하기 편하거든요~😄

예림님께서 의문을 가진 것처럼 이 과정은 필수는 아닙니다. 하지만 해두면 여러모로 최적화에도 도움이 되고, 작업자도 편하기 때문에 해두는 겁니다.

도움이 되었으면 좋겠습니다~ 감사합니다!

0

2yily33277

답변 감사합니다. 설명해주신 덕분에 완전하게 이해했습니다!

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 홍예림님.

애니메이션에서 Visibility 노드를 사용하여 Collapsed 상태와 Not Hit-Testable 상태를 번갈아가며 사용하는 이유에 대해 궁금하신 것 같네요. 이것은 UI 요소의 상호작용성을 제어하기 위한 중요한 기술로, 특히 사용자 인터페이스에서 비주얼 요소와 사용자 입력 간의 상호작용을 원하는 대로 조정하기 위해 사용됩니다.

  1. 상호작용 차단: Collapsed 상태는 그 UI 요소가 화면에서 완전히 사라져 입력과 렌더링이 모두 일어나지 않도록 합니다. 반면, Not Hit-Testable 상태는 화면에 보이지만 유저의 마우스 클릭이나 이벤트를 수신하지 않는 상태입니다. 이를 통해 애니메이션이 진행되는 동안 불필요한 사용자 입력을 차단할 수 있습니다.

  2. 필요한 때만 상호작용 허용: Collapsed에서 Not Hit-Testable로 변경되면서 사용자에게 비주얼적인 피드백을 제공하되, 특정한 UI 상태에서는 사용자가 UI와 상호작용할 수 없게 제한함으로써 일관성 있는 사용자 경험을 유지합니다.

  3. 성능 이점: 비주얼적인 효과를 유지하면서도 상호작용을 제한함으로써 게임 성능을 최적화할 수 있습니다. 특히 복잡한 UI 구조에서는 이러한 최적화를 통해 풍부한 사용자 경험을 제공하면서도 성능을 유지할 수 있습니다.

이러한 이유로 Visibility 전환은 UI 애니메이션에서 자주 사용되는 방법 중 하나입니다. 더 많은 정보는 관련 강의나 Canvas Panel 사용에 대해서 링크를 참고하시면 좋습니다. 이 링크는 비슷한 주제에 대해 교사가 설명한 부분으로, 이해를 도울 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

프로젝트 파일 제공???

0

23

1

vs 디버그 옵션 설정

0

26

2

자료 다운로드 링크 오류

1

32

2

정보를 어디서 습득하시나요?

0

58

2

머터리얼 문제

0

43

2

강의 자료 질문

0

42

1

[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지

0

49

1

CommonUser 플러그인 소스코드

0

63

2

섹터2 5강 Authconfig 문의

0

67

1

안녕하세요 기획지망생으로 루키스님 UE5 기본으로 공부하고 있는 사람입니다. 질문있어서 Q&A 드립니다.

0

112

2

rokisss 님 ue5강의 산지 얼마안됬는데..

0

127

1

클로드에 텍스트 없이 이미지만 보낼경우 에러가 생깁니다

0

94

2

클로드 코드 API 요금관련 질문

0

108

1

3강 초기 예제 에러 질문입니다.

0

81

3

언리얼 6 와 관련하여 질문이 있습니다.

0

163

2

언리얼 6에 관하여 질문이 있습니다.

0

82

1

스프라이트를 아틀라스 추가시 크래시가나요

1

82

3

바로 답변을주셔서.... 하나더 ㅎㅎ

0

69

3

QML강의를 더 깊게 듣고 싶은데

1

49

2

혹시 언리얼 CEF기반 UI에서 한글 입력 오류 해결하신분??

0

120

2

PLAY 버튼 동작 미리보기 관련 질문드립니다!

0

94

2

언리얼 버전 문의드립니다!

0

146

2

아직 강의를 시청중이긴 한데 혹시 다음 강의도 준비하고 계신가요?

1

161

2

Canvas Panel 사용에 대해서

0

181

1