Ccx03.cocos builder
- 1. 동국대학교 앱창작터 모바일게임과정II:Cocos2d-‐X 3일차: CocosBuilder
- 2. 목차 } CocosBuilder 소개 } 다운로드 및 사용방법 } CCB파일 작업하기 } Cocos2d-‐x에서 사용하기 } 참고자료
- 4. } UI, 애니메이션 등 게임 화면 구성을 간편하게 구현할 수 있는 오픈소스 툴(MIT 라이센스) } Cocos2d 엔진에서 사용 } Cocos2d-‐x } Cocos2d-‐iPhone } Cocos2d-‐HTML5 } JavaScript Editor + cocosPlayer } Mac OS X에서만 사용가능 CocosBuilder 소개
- 6. } Cocosbuilder 다운로드 } http://cocosbuilder.com/?page_id=11 } Stable version : 2.1 } Latest version : 3.0 alpha5 } Github } https://github.com/cocos2d/CocosBuilder 다운로드 및 사용방법
- 7. } 새 프로젝트 생성하기 } File-‐>New-‐>Project 선택 경로와 프로젝트명을 작성후 ‘save’ 다운로드 및 사용방법
- 8. } 화면 구성 다운로드 및 사용방법 리소스 뷰 프로젝트 리소스 리스트 편집 화면 타임라인 속성창 상단 메뉴
- 9. } 프로젝트 설정 } File-‐>Project Settings 다운로드 및 사용방법 리소스 경로 추가/삭제 JavaScript 프로젝트 설정
- 10. } 퍼블리싱 설정 } File-‐>Publish Settings 다운로드 및 사용방법 iOS 리소스 설정 안드로이드 리소스 설정 HTML5 리소스 설정 기타 설정
- 11. } 새 화면 추가 } File-‐>New-‐>Interface File 선택 다운로드 및 사용방법 오브젝트 타입 설정, 풀스크린 여부 지원 해상도 리스트
- 12. } 미리 보기(브라우저) } File-‐>Run in Browser-‐>(해당 브라우저) 선택 다운로드 및 사용방법
- 14. } 노드 추가하기 } 상단 메뉴에서 노드 선택->좌측하단(0, 0) 지점에 노드 생성 CCB파일 작업하기
- 15. } 속성값(프로퍼티) 수정 } 편집 화면에서 해당 노드 선택하면 오른쪽에 선택된 노드의 각종 프로퍼티가 나타남 CCB파일 작업하기
- 16. } 노드의 순서(Z-‐Order) 변경 } 타임라인에서 드래그하여 변경 } 타임라인에서 상단으로 갈수록 뒤에 위치(Z-‐Order값 감소) CCB파일 작업하기
- 17. } 애니메이션: 키프레임 추가 } 타임라인에서 아래 화살표 클릭-‐>원하는 프로퍼티의 시간 영 역에 ‘option키’ + 클릭 CCB파일 작업하기
- 18. } 애니메이션: 키프레임 편집 } 타임라인에서 키프레임 더블클릭 CCB파일 작업하기
- 19. } 애니메이션: 키프레임 삭제 } 타임라인에서 키프레임 선택->‘delete키’ CCB파일 작업하기
- 20. } 애니메이션: 연속적인 이미지 사용 } 리소스 리스트에서 프레임 선택 후 Animation-‐>’Create Fra mes from Selected Resources’ CCB파일 작업하기
- 21. } 애니메이션: 이징 액션(Easing Action) 적용 } 연결된 두 키프레임 사이에서 오른 클릭 CCB파일 작업하기
- 22. } 애니메이션: 다중 타임라인 } 타임라인 제목 클릭-‐>Edit Timelines-‐>’+’ 클릭 CCB파일 작업하기
- 23. } 애니메이션: 타임라인 연계(chain) } 타임라인 하단 ‘No chained timeline’ 클릭-‐>연계할 타임라인 선택 CCB파일 작업하기
- 25. } 프로젝트 퍼블리싱 } File-‐>Publish : *.ccbi및 리소스 출력 Cocos2d-x에서 사용하기
- 26. q Cocos2d-‐x 프로젝트에 *.ccbi 및 리소스 포함 Cocos2d-x에서 사용하기
- 27. } Cocos2d-‐x 프로젝트에서 *.ccbi 불러오기 Cocos2d-x에서 사용하기 AppDelegate.cpp 헤더 추가, 네임스페이스 명시 수정
- 28. } 실행화면 Cocos2d-x에서 사용하기
- 30. } CocosBuilder User Guide } Help-‐>CocosBuilder User Guide } Cocos2d-‐x 사용자 모임(저자 카페) } http://cafe.naver.com/cocos2dxusers } 코코스 빌더 강좌(정회원 이상 읽기 가능) 참고자료