Crocodile Tears

- NGUI 버전 : 3.9.8 -

NGUI 스프라이트 기초 및 응용

유니티 5.x 가 들어오기 전부터 NGUI를 사용해서 

UGUI보다는 NGUI가 편하네요. 그리고 얼마전에 최신버전으로 업그레이드 했습니다.

기능이 좀 추가된 것 같네요.

우선 Sprite는 버튼, 스크롤뷰, 토글 등 을 사용하기 위해 기본적으로 필요한 요소입니다.

그래서 간략하게 정리 하려고 합니다.

아무것도 없는 상태에서 상단 메뉴 NGUI -> Create -> 2D UI를 만들어 줍니다.

NGUI를 사용하기 위해서는 무조껀 필요합니다.

스프라이트를 넣을 빈 게임 오브젝트를 하나 만듭니다.

메뉴를 통해서도 생성할 수 있지만, 

단축키가 빠르고 편하니 단축키를 눌러줍니다.

그러면 하단처럼 GameObject가 생성됩니다.

이제 스프라이트를 넣으려고 합니다.

Add Component를 눌러 uisprite를 치면 다음처럼 스크립트가 나옵니다.

선택해서 집어넣어 줍니다.

이제 이미지 세팅을 해 줍니다.

아틀라스를 선택하여 그 안에 이미지를 선택만 하면 됩니다.

저는 NGUI 샘플에 있는 Wooden Atlas를 선택하겠습니다.

(샘플이 없으신 분은 아틀라스를 만드셔서 해야합니다.)

이미지나 생겼네요. 기본 사이즈로 100 x 100으로 잡혀있습니다.

우측에서 Type을 보시면 아래 그림처럼 리스트가 나타납니다.

아래 설명을 읽어보시면 이해하는데 조금 도움이 될것 같네요.

제 경험으로는 Sliced가 가장 많이 사용되네요. 이것 저것 바꿔보시면 이해가 빨리 되실꺼에요.

NGUI를 업데이트 했더니 Sprite에 Gradient 기능이 생겼더라구요.

항상 이미지 새로 만들어서 했었는데

기능이 생겨서 다행이네요.

전체적인 색상도 바꿀 수 있습니다.

코드로 바꾸는 걸 간단히 해보도록 할께요.

C# 스크립트를 만들고 (이름은 원하는대로) 다음 코드를 넣어 줍니다.

using UnityEngine;
using System.Collections;

public class ChangeSpriteColor : MonoBehaviour {

    // 대상 스프라이트
    public UISprite sprite;
    // 변경할 색상    
    public Color color;
	// Use this for initialization
	void Start () {
	    // 기본값으로 white
        color = Color.white;
	}
	
	// Update is called once per frame
	void Update () {
        // 실시간 색상변경
        sprite.color = color;
	}
}

그리고 아까만든 GameObject에 연결해주고 링크 시켜줍니다.

실행시키고 Color를 눌러서 색상을 변경해보세요.

다음처럼 변경이 됩니다.

NGUI의 스프라이트(Sprite)는 정말 간단하지만 가장 중요하지 않나 싶네요.

다음에는 버튼을 만들고 버튼 이벤트와 트윈효과 등을 넣어보겠습니다.