Category Archives: 허접프로그래머

[NGUI] Tutorial Step 5 – Label

사용자 삽입 이미지
사용자 삽입 이미지1. 이전에서 해왔듯이 Panel 게임 오브젝트를 선택하고 위젯 마법사에서 Label 템플릿을 선택하여 추가해 줍시다.
2. “Add To” 버튼을 클릭한 후 라벨이 선택된채로 추가됩니다. 만약 “Add To”버튼이 회색이라면 Font가 선택되지 않은것입니다. “SciFi Font – Header”를 추가해 줍시다.
3. Inspector 윈도우에서 새로 추가한 UILabelText 필드에 문자를 입력해 봅시다. 예를 들어 “Hello World”
4. 라벨의 위치를 0, 234, 0으로 이동합시다. 타이틀바처럼 보이도록 이동합니다.
사용자 삽입 이미지이번엔 “SciFi Font – Normal”폰트를 선택해 또다른 UILabel을 만들어 줍시다. 문자열 내에서 색상을 지정해 줄 필요가 있을때가 있는데 문자열 중간에 RrGgBb형태의 Hex 컬러 코드(포토샵등에서 바로 복사하여 사용)를 집어넣어 변경할 수 있습니다. 대괄호를 사용하여 빨간색은 [FF0000]과 같이 표현할 수 있습니다. 색상을 되돌리기 위해서는 바로 앞에 [-]을 넣어주면 됩니다.

다른 두개의 폰트가 같은 재료(UI Atlas)를 사용하므로 전체적인 씬을 그릴때 여전히 1번의 Draw요청만으로 충분하게 됩니다. 완료된 화면은 다음과 같습니다.
사용자 삽입 이미지

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

[NGUI] Tutorial Step 4 – Tiled Sprite

사용자 삽입 이미지사용자 삽입 이미지1. Panel을 선택하고 이번에는 아틀라스의 Honeycomb스프라이트를 선택하여 Tiled Sprite를 추가합니다.
2. Position은 0, -19, 0으로 Scale은 494, 457, 1로 설정합니다.
3. 이제 Tiled Sprite의 Depth를 조정하여 백그라운드 바로위까지 뒤로 이동시킵니다. 백그라운드 윈도우의 Depth역시 조정해야 하는것을 잊지 마시고요.(더 뒤로 밀어야 합니다)

이제 실행을 시켜봅시다. Scale을 조정하고 색상을 바꿔보며 보기 좋게 만들어 봅시다.

Panel 오브젝트를 선택하고 Debug Info 필드에서 Geometry를 선택하여 생성된 Geometry를 확인할 수 있습니다. Scene뷰에서 위젯을 클릭하여 확인 가능합니다.

이제 완료되었습니다. 이와 같은 화면을 단 1번의 Draw 요청으로 구현할 수 있습니다.
사용자 삽입 이미지참고 : http://www.tasharen.com/?page_id=223