데브허브 | DEVHUB | How to Add Game Controls on Screen in Unreal Engine 5How to Add Game Controls on Screen in Unreal Engine 5
- 게임 컨트롤 목록을 화면에 표시하기 위해 개별 컨트롤 위젯(
WD_Control)과 이를 묶는 상위 컨트롤 위젯(WD_Controls)으로 구성하는 모듈형 접근 방식을 사용합니다. 🧩
- 개별 컨트롤 위젯(
WD_Control)은 캔버스 패널, 배경 이미지, 텍스트 요소를 포함하며, 텍스트 내용을 외부에서 변경할 수 있도록 '변수'로 설정하고 '공개'합니다. 🖼️
WD_Control 위젯의 PreConstruct 이벤트에서 공개된 변수를 사용하여 텍스트를 설정하는 로직을 구현하고, 텍스트의 앵커를 오른쪽으로 설정하여 적절한 간격을 확보합니다. ✍️
- 컨트롤 목록 위젯(
WD_Controls) 내에 'Vertical Box'를 추가하여 여러 WD_Control 위젯을 수직으로 쌓고, 각 인스턴스에 패딩을 적용하여 시각적 구분을 줍니다. 📦
- 각
WD_Control 인스턴스의 공개된 텍스트 변수를 통해 실제 컨트롤 내용(예: "E interact", "Space jump")을 입력하여 동적으로 업데이트합니다. ⌨️
- 플레이어 캐릭터 블루프린트(또는 게임 모드)의
BeginPlay 이벤트 등 적절한 시점에 WD_Controls 위젯을 생성하고 Add to Viewport 노드를 사용하여 화면에 표시합니다. ▶️
- 폰트 크기, 이미지 불투명도, 패딩 등 다양한 요소를 조절하여 게임의 UI 스타일에 맞게 컨트롤 목록의 시각적 요소를 자유롭게 커스터마이징할 수 있습니다. ✨