• Unity3D: NGUI Tutorial: Step 5

  • 유니티3D: NGUI 따라하기: 5단계

  • NGUI Tutorial: Step 5

  • NGUI 따라하기: 5단계

Image of 1302 article
  • - Much like in the previous tutorials, select the Panel game object and choose a Label template in the Widget Wizard.
  • - 이전 튜토리얼에서 많이 했던 것처럼 패널 게임 오브젝트를 선택한 다음 위젯 위자드에서 라벨 템플릿을 선택합니다.
  • - After clicking the “Add To” button your label should get added to the scene and get selected. If the “Add To” button is greyed out, it means you haven’t selected a Font to use. Drag & drop the “SciFi Font – Normal” from the Project view onto the Font field.
  • - "Add To" 버튼을 클릭하면 라벨이 씬에 추가되고 선택됩니다. "Add To" 버튼이 회색으로 되어있다면 사용할 폰트를 선택하지 않은 것이므로, Project 뷰에 있는 "SciFi Font - Normal" 을 Font 필드에 드래그합니다.
  • - In the Inspector window, type something in the Text field of your newly added UILabel, for example: “Hello World!”.
  • - 새로 추가된 UILabel 의 인스펙터 윈도우내 텍스트 필드에 "Hello World!" 와 같은 내용을 입력합니다.
  • - Move the label’s position to (0, 234, 0), making it appear on the title bar.
  • - 라벨의 위치를 (0, 234, 0) 으로 옮기면 타이틀 바에서 확인이 가능합니다.
Image of 1302 article
  • You can also create a different UILabel and this time choose a different font: SciFi Font – Normal. Take some time to play around with the embedded color functionality. You can change the text’s color mid-sentence by adding a hex color (paste it straight from Photoshop) in RrGgBb format, enclosed in square brackets, like so: [FF0000] for red. You can restore the color back to its previous value by embedding [-].
  • 다른 폰트 (SciFi Font - Normal) 을 선택해서 다른 UI 라벨을 추가합니다. 내장된 컬러 기능을 사용하기 해보겠습니다. RrGgBb 포멧의 헥스 컬러 값을 각진 괄호에 [ ] 둘러싸인 형태로 (예를 들면 [FF0000] 처럼) 텍스트 중간에 넣으면 텍스트의 컬러 값을 바꿀 수 있습니다. [-] 을 사용하면 이전 컬러 값으로 돌아갈 수 있습니다.
  • Since the two fonts are sharing the same material, which also happens to be the same material used by the UI Atlas, the entire scene is currently still at 1 draw call. In the end, you should end up with something like this.
  • 2개의 폰트는 같은 매터리얼을 공유하기 때문에 UI Atlas 로 사용되는 매터리얼도 같아져 1번의 드로우 콜로 전체 화면을 표현할 수 있게 됩니다. 여러분께서는 최종적으로 다음과 같은 화면을 얻게 됩니다. http://www.tasharen.com/ngui/step5final.jpg
0 Comments