post list

2014년 8월 23일 토요일

xcode 에서 텍스쳐 아틀라스 만들기(How to create Texture atlas)



게임을 개발하다 보면 에니메이션을 사용한다거나  여러 노드를 추가 하면서
이미지를 매우 많이 사용하게 됩니다.
이럴때 많은 이미지파일을 개별적으로 추가 할경우  불필요한 메모리를 많이 잡아먹는데
이때 해결책이  이미지를 모두 모아 한장의 시트지로 만들어줍니다.
이 한장의 시트지를 스프라이트 시트(Sprite Sheet) 또는 텍스쳐 아틀라스(Texture atlas)라고 부릅니다.

이 텍스쳐 아틀라스를 만들기 위해선 Zwoptex, texturepacker 등등의
texture atlas generator를 사용하는데 대부분 유료 이거나  받기 복잡합니다.

만든 후
사용하는 것도 드럽게 귀찮아요


 그러나 xcode에서는 쉽게 texture atlas를 만들 수 있습니다. 사용도 쉬움

1. 새폴더를 생성합니다.
          이때 이름을  영어로  적고 뒤에  .atlas 만 붙여 줍니다.
           그리고  이미지를 넣어줍니다.

메모리 아낀다고 한 게임에 들어가는 이미지를 모두 한 시트에 집어 넣기 보다는
관련있는  이미지 끼리 모아 텍스쳐 아틀라스를 만들어 쓰는 것을 권장합니다. 


2. xcode5를 켠후  폴더 자체를 드래그 해서 프로젝트에 추가 시켜 줍니다.




3. 끝 


비록 이미지가 텍스쳐 아틀라스 안에 들어가 있는 상태라도 
개별적으로 추가한 이미지 쓰듯이 쓸 수도 있습니다. 



이미지 확장자는 png 로 하세요 
그외에는 안써봄  jpg 이런거 넣어서 오류나면 나도 모름 
ios에는 png가 잘 맞습니다. 

아틀라스 이름과 이미지 이름도  왠만하면 같게 하세요 ~~~
happyOri.atlas 라면   
이미지이름은  
happyOri001.png
happyOri002.png
.
.
.
happyOri010.png
위에 사진은... 만들기 귀찮아서 그냥.. 


텍스쳐 아틀라스 사용 할때 주의할점 

1.텍스쳐 아틀라스 만들때  폴더이름과  경로명에 어느 곳에도  한글이 들어가서는
안됩니다. 꼭!! 확인하세요

아주 큰 오류가 떠서  답이 없습니다.

2. 빌드 세팅을 해줘야 합니다.
     Build Settings 으로 들어가서  검색창에  sprite라고 치면
Enable Texture Atlas Generation 이 뜨는데 요거  Yes 해줘야 됩니다.

기본값은 NO입니다.


/*
 xcode6에서는
Build Settings 에서 SPRITEKIT_TEXTURE_ATLAS_OUTPUT 으로 변경 되었습니다. 
*/





텍스쳐 아틀라스 사용 법은 다음 글에서 ~~~

댓글 없음:

댓글 쓰기