UI 설정 - 1) 메인메뉴 구현

- 개요

메인메뉴를 구현하여 캐릭터의 이름을 입력받아 실제 인게임에서 사용하도록 설정한다

PUN 프레임워크에서는 로컬 플레이어의 이름을 LocalPlayer.NickName 속성을 사용하여 설정할 수 있다

 

- 스크립트 작업

1) GameManager 클래스

 

플레이어의 이름과 PUN 서버에 접속중인지를 보여주기 위한 UI 관련 멤버변수를 추가한다

 

 

Start 함수에서 수행하던 기존의 로직을 제거하고 대신 접속 중인지 보여주는 UI를 비활성화한다

 

 

위와 같이 UI에 바인드할 3개의 콜백함수를 추가한다

• UpdateText 함수 : TextMeshPro - InputField 컴포넌트에 바인드 + 로컬 플레이어의 이름을 설정
• OnClickEnterButton 함수 : Button 컴포넌트에 바인드 + 로컬 플레이어의 이름이 설정되면 서버에 접속
• OnClickExitButton 함수 : Button 컴포넌트에 바인드 + 게임 종료

 

2) PlayerLookAim 클래스

 

PlayerLookAim 클래스를 위와 같이 수정하여 인게임에서 로컬 플레이어의 이름을 확인할 수 있도록 설정한다

 

- 애셋 작업

1) 메인메뉴의 Input Field UI

 

Input Field UI의 On End Edit 이벤트에 위와 같이 GameManager의 콜백함수를 연결한다

 

2) 메인메뉴의 Button UI

게임 입장

 

게임 퇴장

 

위와 같이 2개의 Button UI의 On Click 이벤트에 GameManager의 콜백함수를 연결한다

 

- 최종 실행 결과