게임 플레이 UI 구성

완성된 panel

심화과정8 - 게임 플레이 UI 구성

농장 체력 표시

• UI 리소스 추가
  • github 소스 3-3/inGameUI/
  • 위 리소스를 프로젝트 브라우저 Assets/UI/ 폴더로 모두 복사
• InGameAtlas 생성
  • Assets/UI/UIResource 폴더의 모든 이미지를 선택하여 추가
• NGUI 2D UI 생성
  • Transform Position (28, 0, 0)
  • Constrained 960x640

표 3-19: UISprite 컴포넌트 설정(HPBar)

• BarBorder 스프라이트 Border 10, 10, 10, 10으로 편집

표 3-20: UISprite 컴포넌트 설정(BarFill)

표 3-21: UISprite 컴포넌트 설정(BarBG)

• FillRect 스프라이트 Border 10, 10, 10, 10으로 편집

표 3-22: UISprite 컴포넌트 설정(titleBG)

• ShadowRect 스프라이트 Border 10, 10, 10, 10으로 편집

표 3-23: UILabel 컴포넌트 설정(titleLabel)

• HPBar 구조

    HPBar
        BarBG
        BarFill
        titleBG
            titleLabel
  

표 3-24: UISprite 컴포넌트 설정(HPBar)

• BarFill 게임 오브젝트에 경계선이 보이면 BarPattern 스프라이트 Border 1, 1, 1, 1로 수정

• HPBar 게임 오브젝트에 UISlider 컴포넌트 추가
  • NGUI - Attach - Slider Script 실행
  • Forground : BarFill 게임오브젝트
  • Direction : LeftToRight

점수 표시

• HPBar 게임오브젝트 복사 후 ScoreBar로 명명
  • UISlider 컴포넌트 제거
  • BarFill, BarBG 게임오브젝트 제거
  • Sprite : FillRect 로 변경
    • Border 10, 10, 10, 10 수정

표 3-25: UILabel 컴포넌트 설정(titleLabel)

표 3-26: UILabel 컴포넌트 설정(ScoreLabel)

표 3-27: UISprite 컴포넌트 설정(ScoreBar)

• ScoreBar 구조

    ScoreBar
        titleBG
            titleLabel
        ScoreLabel
  

적 웨이브 표시

• ScoreBar 게임오브젝트 복사 후 WaveBar로 명명

표 3-28: UILabel 컴포넌트 설정(titleLabel)

표 3-29: UISprite 컴포넌트 설정(titleBG)

표 3-30: UISprite 컴포넌트 설정(WaveBar)

• WaveBar 구조

    WaveBar
        titleBG
            titleLabel
        WaveLabel
  

일시 정지, 배속 변경 버튼 추가

표 3-31

표 3-32

표 3-33

표 3-34

일시 정지 화면 구성

표 3-35

표 3-36

표 3-37

표 3-38

표 3-39

표 3-40

표 3-41

표 3-42

표 3-43

표 3-44

적 캐릭터 체력 표시

표 3-45

표 3-46