umg 3

언리얼 엔진 NPC 대화 UI 애니메이션 구현 - 열기, 닫기, 다음 대사 버튼 효과 추가

NPC 대화 UI는 단순히 텍스트만 출력하는 것보다, 등장과 종료 흐름이 자연스럽게 연결될 때 훨씬 완성도 있게 느껴진다.특히 플레이어가 대화창을 열고 닫는 순간, 그리고 다음 대사로 넘어갈 수 있는 버튼이 언제 눌릴 수 있는지를 시각적으로 잘 보여주면 UI 사용감이 확실히 좋아진다.이번에는 NPC 대화 UI가 열릴 때와 닫힐 때 애니메이션이 재생되도록 하고, 추가로 다음 대사 출력 버튼에도 반복 애니메이션을 넣어 플레이어가 상호작용 지점을 더 쉽게 인식할 수 있도록 작업한 내용을 정리해보려고 한다.이번 작업의 목표는 아래와 같았다.NPC 대화 UI가 열릴 때 애니메이션 재생NPC 대화 UI가 닫힐 때 애니메이션 재생다음 대사 출력 버튼에 시선 유도용 애니메이션 추가닫기 애니메이션이 끝난 뒤에만 UI 제..

언리얼 엔진 신규 스킬 해금 UI 구현 - 위젯 출력과 스킬창 알림 배지 만들기

RPG에서 새로운 스킬을 해금했을 때는, 단순히 내부 데이터만 바뀌는 것이 아니라 플레이어가 그 사실을 바로 인지할 수 있도록 시각적인 알림을 주는 것이 중요하다.특히 새 스킬이 열렸다는 팝업과 함께, 스킬창 버튼에 빨간 점 같은 알림 표시까지 들어가면 플레이어는 지금 무엇이 바뀌었는지 훨씬 직관적으로 이해할 수 있다.이번에는 신규 스킬 해금 시 위젯이 출력되고, 동시에 스킬 메뉴 버튼에 알림 표시가 뜨도록 하는 UI 시스템을 구현한 과정을 정리해보려고 한다.추가로 이 프로젝트는 온라인 MMO RPG 구조를 기반으로 하고 있기 때문에, 신규 스킬 해금 UI 역시 해당 플레이어의 소유 클라이언트에게만 안전하게 표시되도록 네트워크 동기화 구조까지 함께 고려했다.이번 작업의 목표는 아래와 같았다.신규 스킬 해..

언리얼 엔진 Rich Text Block Gradient 글꼴 적용 - Font Material과 Widget 애니메이션 정리

UI의 분위기를 바꾸는 가장 쉬운 방법 중 하나는 텍스트 스타일과 등장 연출을 함께 손보는 것이다.특히 일반 텍스트보다 Gradient가 들어간 글꼴은 시선을 더 잘 끌고, 여기에 위젯 애니메이션까지 더해지면 화면 전체의 완성도가 훨씬 올라간다.이번에는 Rich Text Block에서 사용할 글꼴에 Gradient 효과를 적용하기 위해 Font Material을 만들고, 추가로 해당 Widget에 등장과 퇴장 애니메이션까지 넣어 연출을 정리한 과정을 기록해보려고 한다.이번 작업은 크게 두 단계로 나뉜다.Font Material을 만들어 Rich Text Block에 Gradient 텍스트 적용완성된 Widget에 애니메이션을 넣어 더 자연스럽게 등장하고 사라지도록 구성먼저 Material 그래프를 만들고..