UMG 4

[UI/UX] 건축 시각화 인터랙티브 UI 제작 - 7

오늘은 저번시간에 제작한 배열변수를 활용해 버튼을 클릭하면 해당 카메라로 이동하는 블루프린트를 제작하겠습니다. WBP_Main을 실행합니다. 그다음 Button_cam1을 클릭한 후 왼쪽 아래에 보이는 클릭 시 + 버튼을 눌러 노드를 생성합니다. Button_cam2도 동일한 방법으로 클릭 노드를 생성합니다. 배열 변수를 get 형태로 가져온 뒤 for each loop 노드와 연결시킵니다. array element를 드래그 앤 드롭 후 get camera num을 클릭합니다. (만약 해당 그래프를 찾을 수 없다면, 이전 강의글을 다시 참고하시길 바랍니다.) camera num을 드래그 앤 드랍후 equal을 클릭합니다. eqaul 그래프의 숫자를0->1로 변경합니다. 그리고 부울(bool)을 드래그 앤..

[UI/UX] 건축 시각화 인터랙티브 UI 제작 - 6

오늘은 저번 시간에 만든 버튼을 클릭하면 해당 카메라의 시점으로 멋지게 바뀌는 애니메이션 기능을 만들어보겠습니다. WBP_Main을 실행합니다. 그래프 창에서 Event Construct를 검색해 클릭합니다.(이미 그래프 창에 해당 이벤트가 있을 수 있습니다.) 그리고 Get All Actors Of Class를 검색해 클릭합니다. 그다음 클래스 선택 > BP_Camera를 검색해 클릭합니다. 그다음 For Each Loop를 검색해 클릭하고 아래 그림과 같이 선을 연결시켜 줍니다. 그리고 Array Element를 드래그 앤 드롭해 변수로 승격을 클릭합니다. 변수 이름을 BP_Cam으로 변경합니다. 아래 그림에서 빨간색 네모 안에 있는 버튼을 우클릭합니다. 그리고 배열로 변경합니다. 아래 그림과 같은 ..

[UI/UX] 건축 시각화 인터랙티브 UI 제작 - 5

오늘은 카메라 관련 UI 버튼을 제작해 보겠습니다. 지난 강의에서 만들었는 WMP_Main 위젯을 실행하겠습니다. 디자이너 모드에서 팔레트 > 버튼을 검색해 원하는 위치에 배치합니다. 그리고 팔레트 > 텍스트를 검색해 버튼 위에 드래그 앤 드롭합니다. 그리고 디테일 창에서 텍스트를 "CAM1"로 변경합니다. 그다음 생성한 버튼을 클릭한 후 디테일 창을 아래 그림과 같이 변경합니다. - 변수 이름 변경 : Button_cam1 - 콘텐츠 크기에 맞춤 체크 (해당 버튼의 크기를 텍스트 크기에 맞춰주는 기능) 위에 설명한 방법으로 동일하게 이름만 바꿔서 "CAM2 버튼"을 만들어 봅시다. 성공하셨다면, Button_Hello 버튼을 삭제하고 컴파일 저장. 이때 아래 그림과 같은 오류가 생긴다면 그래프 창으로 ..

XR 개발자가 쉽게 알려주는 언리얼엔진(UnrealEngine)

안녕하세요. 다양한 XR 촬영 경험이 있는 XR 개발자입니다. 오늘부터 제가 경험한 언리얼엔진 공부 방법을 공유하려합니다. 언리얼엔진이 제공하는 문서를 비전공자가 쉽게 이해할 수 있도록 가르칠 예정입니다. XR, 디지털트윈, 인테리어 3D 등 언리얼엔진을 통해 표현하고싶으신 분들은 제 블로그에서 많은 정보 얻으시길 희망합니다. 블루프린트와, UMG를 이해하고싶은 분들 문서만 봤을 때 이해가 안가시는 분들 구체적인 언리얼엔진 사용법을 알고싶은 분들 모두 환영합니다.

카테고리 없음 2023.10.14