본문 바로가기

UMG6

UE4 UMG UIParticle Plugin 6.0 : MMORPG auto버튼 등에 쓰이는 회전하는 파티클 만들기 https://www.unrealengine.com/marketplace/ko/product/uiparticleplugin UIParticle Plugin 6.0, 카테고리 코드 플러그인 - UE 마켓플레이스 The plugin allow artists to make simple particle effects on UI www.unrealengine.com 결과 파티클의 구조는 다음과 같습니다 리소스 Children Emitters 파티클 텍스쳐 ▶ 매터리얼 or 인스턴스 ▶ UIFX_Particle2 + UIFX_Particle3 꼬리쪽에 남게될 반짝이 머리쪽에 쓰일 살짝 점멸하는 구체 기본 구조는 위와 같고 같은 방법으로 여러개를 만들어서 ParticleGroup으로 겹쳐서 사용할수 있습니다. UIF.. 2023. 1. 27.
UMG Texture Atlas Group 만들기 언리얼 엔진 우상단 편집 > 프로젝트 셋팅 > 플러그인 페이퍼2D > 스프라이트 아틀라스 그룹을 활성화 해줍니다. 콘텐츠 브라우저 빈곳을 선택해 마우스 우클릭 > 페이퍼 2D > 스프라이트 아틀라스 그룹 선택 아틀라스 그룹생성 > 네이밍 변경 콘텐츠 브라우저에서 아틀라싱할 리소스를 모두 선택후 마우스 오른쪽 매뉴를 띄운후 스프라이트 액션 > 스프트라이트 생성을 선택합니다. 리소스와 새로 생성된 Sprite중 Sprite만 선택해서 애셋 액션 > 프로퍼티 매트릭스를 통한 대량 편집 선택 아틀라스 그룹에 묶여질 아틀라스 그룹을 선택해서 넣어준후 파일 > 저장 아틀라스 그룹을 선택후 Textures를 더블 클릭하면 아틀라싱 된 것을 확인하실수 있습니다. 2023. 1. 18.
해상도에 따른 UI 스케일 설정 (UMG DPI 스케일룰 설정) 좌상단 편집 > 프로젝트 세팅...(Project Setting...) 을 선택 왼쪽 메뉴를 스크롤로 내려주면 유저 인터페이스 탭에서 DPI 스케일 룰을 Scale to Fit으로 설정해주면 하단의 스케일 커브를 사용하지 않고 어느 해상도든 처음 작업된 기준에 맞게 스케일링 됩니다. (영문버전) 추후에는 제공하는 해상도의 최저에서 스케일이 너무 작게 표현될수도 있기때문에 커스텀 커브를 사용해야 합니다. 개발 초기에는 Scale to Fit 으로 유지하면 빌드시 해상도 문제로 UI가 겹치는 일은 없을것 같습니다. 2023. 1. 13.
[UMG] UE4_UI : 전체 메뉴 만들기 - 재료로 되는 하나의 WidgetBlueprint(사용자생성 WidgetBlueprint)를 메인 WidgetBlueprint에서 관리하는 방법 : 함수,변수생성 (프로토 타입용) (2/2) 안녕하세요 가끔 제 본업인 게임 개발 관련 포스팅도 하려고 합니다! 저는 13년차 게임UI 디자이너예요 ㅎㅎ 현재는 언리얼4 UMG로 UI작업을 하고 있습니다! [UMG] UE4_UI : 전체 메뉴 만들기 - 재료로 되는 하나의 WidgetBlueprint(사용자생성 WidgetBlueprint)를 메인 W 안녕하세요 가끔 제 본업인 게임 개발 관련 포스팅도 하려고 합니다! 저는 13년차 게임UI 디자이너예요 ㅎㅎ 현재는 언리얼4 UMG로 UI작업을 하고 있습니다! 오늘은 아래와 같은 메뉴를 만들어 보 wuni2.tistory.com 위의 포스팅에 이어서 기본 틀로 만들어진 UMG에 함수, 변수노드를 이용해서 사용자생성 위젯 블루프린트를 외부에서 디테일 창에서 제어 하려고 합니다. 해당 내용은 언리얼 U.. 2021. 11. 16.
[UMG] UE4_UI : 전체 메뉴 만들기 - 재료로 되는 하나의 WidgetBlueprint(사용자생성 WidgetBlueprint)를 메인 WidgetBlueprint에서 관리하는 방법 : 함수,변수생성 (프로토 타입용) (1/2) 안녕하세요 가끔 제 본업인 게임 개발 관련 포스팅도 하려고 합니다! 저는 13년차 게임UI 디자이너예요 ㅎㅎ 현재는 언리얼4 UMG로 UI작업을 하고 있습니다! 오늘은 아래와 같은 메뉴를 만들어 보려고 합니다. 디자인을 할때도 UMG 구조를 어떻게 해야할지 미리 생각하고 하면 편리합니다. 아래와 같은 경우엔 하나의 버튼 위젯을 만들어서 image icon 과 text 만 교체해서 쓰려고 합니다. 해당 내용은 언리얼 UMG의 기본위젯은 어느정도 사용할 줄 아시는 사용자를 위해 작성 되었습니다. 처음 해보신 본들도 해보실수 있게 되도록 자세하게 단계를 적어볼게요! 내부 구성용 버튼 WidgetBlueprint 만들기 먼저 내부를 구성하고 있는 하나의 버튼을 만들어 줍니다. 콘텐츠 브라우저의 빈공간에 마우스 .. 2021. 11. 16.
[UMG] UE4_UI : Create Circular Ring Progress Bar Material(Blueprint) without Textures : 언리얼4 텍스처 없이 원형링 게이지(프로그래스바) 매터리얼 블루프린트로 만들기 안녕하세요 오늘 부터 가끔 제 본업인 게임 개발 관련 포스팅도 하려고 합니다! 저는 13년차 게임UI 디자이너예요 ㅎㅎ 현재는 언리얼4 UMG로 UI작업을 하고 있습니다! 얼마전 필요해서 구글에 검색해 봤는데 찾아도 안나오길래 제가 만든 방법에 대해서 적어보려 합니다 ^^ 궁금한 사항이나 추가적으로 필요한 기능이 있으시면 댓글로 달아주세요 !! 만들어 보려고 하는것은 원형링 게이지바 입니다. (사용처 - 로딩, FPS의 재장전, 시간관련 시스템 등의 UI) 언리얼에서는 시계방향으로 도는 원형 게이지는 기본 위젯에서 제공하지 않기 때문에 블루 프린트를 이용해서 만들어서 사용해야 합니다 원형링 이미지 + Mask를 이용해서 간단히 구현이 가능하지만 TexCoord를 사용해서 이미지 없이 제작해 보려고 합니다.. 2021. 11. 4.