• 2D Unity Project 생성

    • 이름: QuizMaster
    • 폴더 생성
    • 씬 이름 : Game
    • Resource/Sprite download

    image.png

  • UI 캔버스

    • UI(User Interface): 사용자 인터페이스
    • 텍스트, 버튼, 슬라이더, 메뉴 등 (게임 모드가 아닌 유저가 상호작용 할 수 있는 모든 것)
    • UI 요소는 모두 Canvas 위에(자식으로) 존재
    • 캔버스는 일반적으로 “**Screen Space"**에 존재하며 **“World Space(카메라가 찍는 공간)”**에 주로 겹쳐짐
    • 여러 캔버스를 가질 수 있음

  • Hierachy에서 UI>Canvas 추가

    • Canvas 추가 시 EventSystem 추가 되는데, 절대 지우면 안 됨. (사용자와의 상호작용 이벤트 감지)

    image.png

    • Canvas

      <aside>

      1. Canvas [⭐⭐⭐⭐⭐] 2. Rect Transform

      </aside>

  • Hierachy에서 UI>Canvas>Image 추가

    • 카메라 뷰(World Space)에서 보이는 것이 아니라,

    • 스크린 스페이스에서 존재

      ⇒ Circle Sprite를 World Space에 넣고 비교서 보여주기!

    • Rect Transform : (ALT + Shift + Stretch, Stretch)

      image.png

    • Image.Source Image : Assets/3_Resources/Sprites/Quiz Master - Gameplay Overview 1.png 등록

      ⇒ 레이아웃을 도와줄 미리보기 이미지로 등록

    • Image.Color : Alpha값 0.25

      image.png

  • UI/Canvas.Cavas.Sort Order : 100

    ⇒ 높은 Sort Order일 수록 다른 캔버스보다 가장 위에 나타남.

    • Canvas 이름 변경 : PreviewCanvas

      image.png

  • Game 뷰 : 해상도 : Full HD(1920X1080)

    image.png

  • Hierachy에서 UI>Canvas 추가

    • 이름 : BackgroundCanvas

      image.png

  • Hierachy에서 UI>BackgroundCanvas>Image 추가

    • Rect Transform : (ALT + Shift + Stretch, Stretch)

    • Image.Source Image : Assets/3_Resources/Sprites/background.png

      → PreviewCanvas를 활성화/비활성화 하면서 비교해 보