UE4 Chapter 6-2. UI : 메인 메뉴

Date:     Updated:

카테고리:

태그:

인프런에 있는 황대희님의 언리얼 엔진4 3D 횡스크롤 게임 만들기 강의를 듣고 정리한 필기입니다. 😀
언리얼 엔진 공식 문서 https://docs.unrealengine.com/ko/index.html

메인 메뉴 만들기

🔔 메인 메뉴 레벨 추가

Stage 1 레벨을 우클 - 복제 하여 Stage 3 레벨을 만들었다. 이름은 “MainMenu”로 변경. 이 레벨을 메인 메뉴로 삼을 것이다. 이 레벨을 열어 준다.

  • 배치된 몬스터들을 메인 메뉴에서 보여주지 않을거라 지워준다.
  • 메인 메뉴 화면으로 사용할 그림을 만든다.
    • 플레이어와 플레이어를 따나다니며 찍는 카메라의 위치를 적절하게 맵의 원하는 위치에 배치한다.

image

위와 같이 플레이어와 카메라를 배치하였고 이 장면을 메인 메뉴 화면으로 삼을 것이다.

image

월드 세팅 - Game Mode 에 현재 “DefaultPlayGameMode” 게임 모드 블루프린트 가 할당이 되어 있을 텐데 이를 None 으로 바꿔준다. 메인 메뉴 레벨에서는 스테이지 클리어를 검사하지 않을 것이라서.


🔔 위젯 생성

메인 메뉴 위젯 블루프린트

메인 메뉴 화면에 UI를 띄우기 위해 “MainMenu” 이름의 위젯 블루프린트 만들기.

🚩 “MainMenu” 위젯 블루프린트 디자이너 모드

image

버튼 3 개를 만들어 주었고 Y 값 위치를 맞춰주었다. 버튼의 배경색은 알파 값을 0 으로 주어 투명하게 해주었다.


레벨 블루프린트

메인 메뉴 UI 위젯은 "MainMenu" 레벨 블루프린트에서 생성하고 띄워줄 것이다. 레벨 블루프린트는 오직 그 레벨에서만 작동하므로, 메인 메뉴 위젯도 오직 메인 메뉴 레벨에서만 사용되고 띄워질 것이기 때문에 레벨 블루프린트를 사용하는게 적합하다.

블루 프린트 - 레벨 블루프린트 열기

🚩 MainMenu 레벨 블루프린트

image

  • 게임이 시작되면
    • 위젯을 생성하고
    • 위젯을 화면에 띄우고
    • 플레이어에 대한 입력을 비활성화 하고
    • 커서를 보이게 한다.

image


🔔 버튼 이벤트 처리

🚩 “MainMenu” 위젯 블루프린트 디자이너 모드

  • Options 버튼 OnClicked 이벤트 추가
  • Play 버튼 OnClicked 이벤트 추가
  • Quit 버튼 OnClicked 이벤트 추가

Play 버튼

🚩 “MainMenu” 위젯 블루프린트 이벤트 그래프

image

  • “Stage1” 레벨을 연다.

🚩 “StageClear” 위젯 블루프린트 이벤트 그래프

image

StageClear 위젯에서도 Main Menu 버튼을 누르면 MainMenu 레벨을 열게 한다.


Quit 버튼

🚩 “MainMenu” 위젯 블루프린트 이벤트 그래프

image

  • Execute Console Command
    • 콘솔 명령을 실행하는 노드이다. Command에 실행할 명령어를 입력하면 된다.
    • Command 👉 EXIT
      • Quit 버튼을 클릭하면 이제 게임이 종료될 것이다.


🌜 개인 공부 기록용 블로그입니다. 오류나 틀린 부분이 있을 경우 
언제든지 댓글 혹은 메일로 지적해주시면 감사하겠습니다! 😄

맨 위로 이동하기

댓글남기기