• NGUI Tutorial: Step 1

  • NGUI 따라하기: 1단계

  • NGUI Tutorial: Step 1

  • NGUI 따라하기: 1단계

Image of 1298 article
  • - Create a brand-new scene.
  • - 새로운 씬을 만듭니다.
  • - Select and delete the Main Camera.
  • - 메인 카메라(Main Camera)를 선택해 삭제합니다.
  • - Open the NGUI menu and select Create a New UI — this will open up the UI Creation Wizard.
  • - NGUI 메뉴를 열어 Create New UI 를 선택합니다. - UI 생성 마법사 (UI Creation Wizard) 를 통해서도 해당 윈도우를 열 수 있습니다.
  • - On this panel you can choose which panel to place your UI on, but we’ll just use the Default layer. Click theCreate Your UI button.
  • - 이 패널에서 여러분의 UI 를 위치할 레이어를 선택할 수 있습니다. 우리는 Default 레이어를 사용할 것이기 때문에 단지 "Create Your UI" 버튼을 클릭하기만 하면 됩니다.
  • - That’s it. Your UI is now ready to be used.
  • - 됐습니다 이제 여러분의 UI 를 사용할 준비가 되었습니다.
  • Note that when using NGUI in an existing project you will skip step 2, and you will want to specify a proper UI layer before step 4. You should also make sure that other cameras (such as your Main Camera) don’t draw the layer you will choose for your UI.
  • 참고: 이미 존재하는 프로젝트에서 NGUI 를 사용한다며 2 단계는 건너뛰셔도 상관없습니다. 특정 UI Layer 를 설정하시길 원한다면 4단계전에 진행해야 합니다. 또한 UI 용으로 선택한 레이어를 다른 카메라에서 그리지 않도록 확인이 필요합니다.
  • Before moving on, let’s examine what the wizard has created for us.
  • 다음을 진행하기 전에 UI 생성 마법사가 우리를 위해 생성한 것들을 설명드리겠습니다.
Image of 1298 article
  • - 2D Root object has a UIRoot script on it. This script rescales the object it’s on to be 2/ScreenHeight in size, letting you specify widget coordinates in pixels and still have them be relatively small when compared to the rest of your game world.
  • - 2D 루트 오브젝트는 UIRoot 스크립트를 가지고 있습니다. 이 스크립트는 오브젝트 크기를 "2/화면 크기"로 조정합니다. 이로 인해 위젯 좌표를 픽셀 단위로 설정할 수 있어 게임 내 다른 것들과 비교해서 상대적으로 작은 단위를 사용할 수 있게 됩니다.
  • - Camera object contains the Camera and the UICamera script. The UICamera script contains NGUI’s event system.
  • - 카메라 오브젝트는 Camera와 UICamera 스크립트를 가지고 있습니다. UICamera 스크립트는 NGUI 이벤트 시스템을 포함합니다.
  • - Anchor contains the UIAnchor script. Although this script can be used to “attach” widgets to sides of the screen, in this case it’s used to apply a half-pixel offset on Windows machines, for pixel-perfect results.
  • - 앵커는 UIAnchor 스크립트를 가지고 있습니다. 이 스크립트는 화면의 경계면에 위젯들을 붙이는 데 사용됩니다. 윈도우 머신에서는 반-픽셀 오프셋을 적용해 픽셀 보정 결과를 얻는데도 사용됩니다.
  • - Panel object has a UIPanel on it. The UIPanel is a container that will collect all UI widgets under it and will combine them into as few draw calls as possible.
  • - 패널 오브젝ㅌ는 UIPanel 을 가지고 있습니다. UIPanel 아래 UI 위젯들을 담고있으며 가능한 최소한의 드로우 콜을 이용해서 위젯들을 출력합니다.
  • You may also notice that the Panel game object is currently selected. This is a hint — all widgets you will be adding in the next step will be automatically parented to the panel.
  • 여러분께서는 현재 선택된 패널 게임 오브젝트를 기억해 두셔야 합니다.
    왜냐면 다음 단계에서 추가되는 모든 위젯들은 자동으로 해당 패널을 부모로 삼게 되기 때문입니다.
0 Comments