[cocos2d] 준비 및 설치하기

아이폰 스터디를 찾아 해매던 차에, 구원의 손길을 주신 곳이 플래시카페(http://flashcafe.org)라는 곳이었는데, 이곳 스터디 명칭이 "아이폰/아이팟 게임제작 스터디"였다. 

사실, 게임에 약간은 과심이 있었지만, 게임제작은 나중에 여유있을 때 한번 해볼까? 하는 생각이었는데, 이곳 스터디에 참여하는 순간 선택의 여지가 없어졌다.  아이폰에서 가장 수익성 있는 분야 중하나이고, 이곳에서 게임 개발의 기초 및 게임 개발 분야에 있는 분들을 알아두면 좋겠다 싶어 열심히 공부하기로 했다.

1.  cocos2d 란 무엇인가? 

게임에서 가장 중요한 기술중 하나는 화면에 무엇을 뿌려주느냐이다.  데스트탑에서는 주로 MS의 Direct3D기술과 OpenGL기술을 사용하였지만, 모바일 단말기로 넘어오면서 OpenGL ES가 업계의 표준이 되었다. (http:/www.khronos.org)

 cocos2D는 이러한 openGL ES를 2D 게임개발에 보다 효율적으로 적용할 수 있도록 만들어 놓은 라이브러리/템플릿의 모임이다. 

2. OpenGL ES를 사용하면 되지 굳이 cocos2D를 사용할 필요가 있는가? 

물론, cocos2D는 OpenGL ES를 모아놓은 것이므로 OpenGL ES로 직접 구현가능하다.  하지만, 2D게임 개발에 필요한 많은 기능들을 쉽고 빠르게 적용할 수 있도록 만든 것이 cocos2D임으로 좀더 편하고, 빠르게 게임 개발이 가능하다.  그래도, 궁극적으로는 OpenGL ES에 대한 이해가 필요하므로 양쪽의 지식을 모두 확보하는 것이 좋으리라 생각된다. 

3. cocos2D 다운받기 

  1) 홈페이지 : http://www.cocos2d-iphone.org ->  download   tab

  2) 최신버전 ( iOS4용) : cocos2d-iphone-0.99.4-rc3.tar.gz

  3) 안정화버전 :   cocos2d-iphone -0.99.3.tar.gz

   (주의) 개발Tool을 최신버전(Xcode 3.2.3 : iOS4)를 사용한다면 2번을 그 이하버전을 사용한다면 3)번을 받으시면 된다. 

4. 설치하기 

  1) 다운받은 파일을 특정위치로 옯긴 후 압축을 풀어 놓음

  2) 터미널(응용프로그램->유틸리티->터미널)을 실생하고, 압축을 푼 위치로 이동 : Finder 에서 경로를 copy하여 사용  (cd, pwd, ls -l  명령어 이용) 

  3) ./install-templates.sh -u 을 이용하여 설치

Daniel-Leeui-MacBook-Pro:cocos2d-iphone-0.99.4-rc3 simverse$ ./install-templates.sh -u

cocos2d-iphone template installer

...creating cocos2d template directory

Installing cocos2d template

----------------------------------------------------

...creating destination directory: /Users/simverse/Library/Application Support/Developer/Shared/Xcode/Project Templates/cocos2d 0.99.4/cocos2d Application/

...copying template files

...copying cocos2d files

...copying cocos2d dependency files

...copying CocosDenshion files

...copying cocoslive files

...copying cocoslive dependency files

done!

Installing cocos2d + box2d template

----------------------------------------------------

...creating destination directory: /Users/simverse/Library/Application Support/Developer/Shared/Xcode/Project Templates/cocos2d 0.99.4/cocos2d Box2d Application/

...copying template files

...copying cocos2d files

...copying cocos2d dependency files

...copying CocosDenshion files

...copying cocoslive files

...copying cocoslive dependency files

...copying Box2D files

done!

Installing cocos2d + chipmunk template

----------------------------------------------------

...creating destination directory: /Users/simverse/Library/Application Support/Developer/Shared/Xcode/Project Templates/cocos2d 0.99.4/cocos2d Chipmunk Application/

...copying template files

...copying cocos2d files

...copying cocos2d dependency files

...copying CocosDenshion files

...copying cocoslive files

...copying cocoslive dependency files

...copying Chipmunk files

done!

...creating destination directory: /Users/simverse/Library/Application Support/Developer/Shared/Xcode/File Templates/cocos2d 0.99.4/

Installing CCNode file templates...

----------------------------------------------------

done!

Daniel-Leeui-MacBook-Pro:cocos2d-iphone-0.99.4-rc3 simverse$ 

[설치화면]

  4) 제대로 설치가 되었다면 Xcode -> create new Xcode Project 에서 다음과 같이  cocos2D template이 보일 것이다.

  ( 나의 경우, cocos2d 0.99.3과 cocos2d 0.99.4를 모두 설치하여 두개가 보인다.)

   4) 여기까지 온 김에 실제화면을 한번 확인해보자. 위의 화면에서 "cocos2d Application"을 선택하고 "Choose.." 버튼을 누르고, 프로그램을 실행시켜보자. 

   모든 프로그래밍의 시작 "Hello World"가 아래와 같이 나타난다. 

시작이 반이라고 하니, 이미 우리는 cocos2d 반은 배운 것이다. ^^  정말!!!