Tag Archives: 2DRoot

[NGUI] Tutorial Step 1 – Camera, Anchor, Panel

사용자 삽입 이미지
사용자 삽입 이미지
1. 새로운 Scene을 생성합니다.
2. Main Camera를 선택한 후 삭제 합니다.
3. NGUI메뉴를 선택해 Open the UI Wizard를 선택합니다. 위와 같은 창이 뜹니다.
4. 이 패널에서는 UI가 어떤 레이어에 위치할지를 선택할 수 있습니다.
    하지만 여기서는 일단 Default 레이어와 Simple2D카메라를 선택하도록 하겠습니다.
5. 이상입니다. 이제 UI가 사용가능하도록 준비되었습니다.

존재하는 프로젝트에서 NGUI를 사용할 경우 Step 2를 생략하시기 바랍니다. 그리고 Step 4 이전에 적절한 UI 레이어를 지정하여 사용하는것이 좋습니다. 다른 카메라(Main Camera같은)는 지정한 UI 레이어에 그리지 않도록 주의해야 합니다.

진행에 앞서 UI 마법사가 생성한 결과물에 대해 살펴보겠습니다.

사용자 삽입 이미지1. 2D Root 오브젝트는 UIRoot 스크립트를 포함합니다. 이 스크립트는 오브젝트의 크기가 2/스크린높이가 되도록 지속적으로 재조정하는 기능을 합니다. 이로 인해 위젯의 좌표를 픽셀 단위로 적용할 수 있게 되고 게임월드상의 다른것들에 비해 상대적으로 작은 값을 사용할 수 있습니다.
2. Camera 오브젝트는 CameraUICamera 스크립트를 포함합니다. UICamera 스크립트는 NGUI의 이벤트 시스템을 포함합니다.
3. AnchorUIAnchor 스크립트를 포함합니다. 이 스크립트는 위젯을 스크린의 가장자리에 붙이는것을 가능케 하지만 이 경우 윈도우즈 머신에서는 완벽한 픽셀 배치를 위해 Half-Pixel Offset으로 사용되기도 합니다.
4. Panel 오브젝트는 UIPanel 스크립트를 포함합니다. 이 UIPanel은 계층구조 이하의 모든 UI 위젯들을 담고 있으며 그들을 조합하여 가능한한 최소한의 Draw 호출을 할 수 있도록 하는 컨테이너입니다.

지금 설명한 Panel  오브젝트를 잘 알아두셔야 합니다. 다음 스텝부터 설명되는 모든 위젯은 Panel을 자동으로 부모로 지정하게 됩니다.

참고 : http://www.tasharen.com/?page_id=185