UE5 UMG로 만드는 인터랙티브 건축 시각화

버튼 하나로 달라지는 건축 시각화

“버튼 하나로 건축이 달라집니다.”
이것이 바로 언리얼 엔진의 UMG가 가진 힘입니다.
클라이언트가 직접 버튼을 눌러 구조나 재질을 바꾸고, 조명의 밝기를 조절하며,
카메라 뷰를 전환하는 경험 — 그것이 체험형 건축 시각화의 핵심이죠.

UMG를 이용하면 별도의 코딩 없이 블루프린트 노드만으로 이런 인터랙션을 구현할 수 있습니다.
디자이너에게는 빠른 제안 도구로, 건축사에게는 설득력 있는 프레젠테이션 도구로 활용됩니다.

UMG란?

UMG(Unreal Motion Graphics)는 언리얼 엔진의 UI 제작 도구입니다.
버튼, 슬라이더, 드롭다운 등 인터랙티브 UI를 쉽게 배치할 수 있고,
각각의 UI에 이벤트 그래프를 연결해 실시간 상호작용을 만들 수 있습니다.

즉, 보여주는 건축 시각화에서 체험하는 시각화로 전환하게 만드는 핵심 기술입니다.

기본 세팅 & 위젯 블루프린트 만들기

1. 콘텐츠 브라우저에서 Widget Blueprint를 생성합니다. (예: WB_InteractiveUI)
2. 디자이너 탭에서 버튼, 슬라이더, 드롭다운, 텍스트 위젯을 추가합니다.
3. 그래프 탭으로 전환 후, 각 UI의 OnClicked / OnValueChanged / OnSelectionChanged 이벤트를 연결합니다.

이제 하나씩 주요 기능을 만들어 보겠습니다.

색상 변경 버튼

가장 기본적인 기능은 “버튼 클릭 시 벽 색상이 바뀌는” 인터랙션입니다.

1. 버튼을 추가하고 이름을 ColorChange_Btn으로 지정합니다.
2. OnClicked 이벤트에 Set Material 노드를 연결합니다.
3. 대상 액터는 태그나 변수로 지정한 벽 오브젝트를 불러옵니다.
4. 원하는 머터리얼로 변경 후, 테스트를 통해 색이 정상적으로 바뀌는지 확인합니다.

여기에 FlipFlop 노드를 추가하면 버튼을 누를 때마다
색상이 번갈아 바뀌는 토글형 기능을 구현할 수 있습니다.

조명 밝기 슬라이더

슬라이더는 공간의 밝기나 색온도를 제어할 때 매우 유용합니다.
이번 예제에서는 Rect Light를 제어해 조명 강도를 실시간으로 변경해봅니다.

1. 슬라이더 위젯을 추가하고 이름을 LightSlider로 설정합니다.
2. 그래프에서 OnValueChanged 이벤트를 연결합니다.
3. Class 기반으로 씬 내 모든 Rect Light 액터를 가져옵니다.
4. ForEachLoop로 순회하며 Set Intensity 노드에 슬라이더 값을 전달합니다.

슬라이더 범위를 0~10,000 정도로 설정하면 현실적인 광량 제어가 가능합니다.

자재 변경 드롭다운

드롭다운 메뉴를 활용하면 바닥, 벽, 천장 등
각 요소의 재질(머터리얼)을 손쉽게 교체할 수 있습니다.

1. ComboBoxString 위젯을 추가하고, “Wood”, “Marble”, “Tile” 등 자재명을 등록합니다.
2. OnSelectionChanged 이벤트에서 선택된 문자열을 조건으로 분기합니다.
3. 태그 기반으로 액터를 불러온 뒤, Set Material 노드로 해당 머터리얼을 적용합니다.

이렇게 하면 사용자가 드롭다운에서 선택한 자재가
즉시 오브젝트에 반영되어 비교 체험이 가능합니다.

카메라 뷰 전환

UI에서 카메라 전환 버튼을 추가하면 클라이언트가
“집안을 돌아다니듯” 다양한 시점에서 공간을 체험할 수 있습니다.

1. 버튼을 추가하고 이름을 CamSwitch_Btn으로 지정합니다.
2. 카메라 액터를 태그로 불러옵니다.
3. Set View Target with Blend 노드를 연결해
   부드럽게 시점이 전환되도록 설정합니다.

Blend Time을 0.5~1초로 설정하면 자연스러운 전환 효과를 얻을 수 있습니다.

UMG 블루프린트 구조 요약

위젯: ColorChange_Btn → OnClicked → Set Material (FlipFlop)위젯: LightSlider → OnValueChanged → Set Intensity (Rect Light)위젯: MaterialDropdown → OnSelectionChanged → Set Material (By Tag)위젯: CamSwitch_Btn → OnClicked → Set View Target with Blend

위 네 가지 기능만으로도 건축 시각화 프로젝트의 몰입도가 극적으로 상승합니다.

활용 인사이트 & 실전 팁

• 최적화: UI 이벤트에서 반복적으로 액터를 검색하지 말고, 초기화 시 변수에 캐싱해두면 퍼포먼스가 안정됩니다.
• UX: 버튼 색상 피드백과 전환 애니메이션을 추가하면 사용자 경험이 향상됩니다.
• 확장성: UMG는 VR·AR 모드에서도 그대로 사용 가능하므로 실감형 프레젠테이션으로 확장하기 좋습니다.

마무리

오늘 배운 기능들은 복잡하지 않지만,
실제로 클라이언트 설득력을 높이는 강력한 무기입니다.
색상, 조명, 자재, 카메라 — 이 네 가지만 제어해도
정적인 렌더링이 아닌 체험형 건축 시각화로 전환할 수 있습니다.

UMG와 블루프린트의 조합은 여러분의 프로젝트를
한 단계 더 높은 수준의 인터랙티브 비주얼로 만들어줄 것입니다.
버튼 하나로 시작해보세요. 그 한 번의 클릭이 건축 시각화의 패러다임을 바꿉니다.