[Cocos2d-x]03.레이블 사용하기

안녕하세요 유랑입니다.

이번 시간에는 레이블 사용법에 대해 배워보겠습니다.

시작하겠습니다.

1. Label Class

레이블을 사용하면 프로그램 상에서 텍스트를 화편에 추가하거나, 

추가한 텍스트의 내용이나 위치를 변경이 가능합니다.

레이블은 기본형, 트루 타입 폰트형, 비트맵 폰트형, 캐릭터맵 폰트형 이렇게 나눌 수 있습니다.

대략적인 정의는 다음과 같습니다.

*텍스트를 화면에 추가 가능

*텍스트의 내용이나 위치를 동적으로 변경이 가능

*텍스트에 액션이나 애니메이션도 적용이 가능

2. LabelTTF 기본형 폰트

2-1) 프로젝트 생성

다음과 같은 위치에 프로젝트를 생성합니다.

이름과 위치는 바꾸셔도 상관 없습니다.

2-2) 코드 작성

코드는 다음과 같이 작성합니다.

2-3) 코드 분석

2-4) 실행결과

다음과 같이 Label Basic이라는 텍스트 문구가 나오면 성공입니다.

3. 비트맵 폰트

3-1) 프로젝트 생성

다음과 같은 위치에 프로젝트를 생성합니다.

이름과 위치는 바꾸셔도 상관 없습니다.

3-2) 폰트 추가

비트맵 폰트를 사용하려면 해당 이름의 fnt와 png 파일을 가지고 있어야 한다.

Cocos에서 제공하는 예제에 폰트가 있으니 다음 위치에서 복사하자.

3-3) 코드 

코드는 다음과 같이 작성하자.

3-4) 실행결과

다음과 같은 화면이 출력되면 성공이다.

fnt 확장자 파일에는 이미지 파일의 정보가 있으므로 꼭 이미지 파일과 fnt 파일을 같은 위치에 놓아야한다.

4. 캐릭터맵 폰트

4-1) 프로젝트 생성

다음과 같은 위치에 프로젝트를 생성합니다.

이름과 위치는 바꾸셔도 상관 없습니다.

4-2) 폰트 추가

캐릭터맵은 여러 이미지들을 합쳐놓은 큰 이미지라고 생각하시면 된다.

밑에 보이는 fps_images.png는 마침표, 슬래시, 0~9의 글씨가 들어있는 이미지이다.

다음 위치에 복사하자.

4-3) 소스 코드

다음과 같이 소스코드를 작성하자.

4-4) 실행결과

다음과 같은 화면이 나오면 성공이다.

5. 마무리

오늘 강의는 여기까지입니다.

레이블을 사용하여 화면상에 텍스트를 나타내는 방법에 대해 배워보았습니다.

다음시간에는 스프라이트 이미지에 대해 배워보겠습니다.

고생하셨습니다.