Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Ccx03.기본기능 실습
Next
Download to read offline and view in fullscreen.

2

Share

Download to read offline

Ccx03.cocos builder

Download to read offline

3일차

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Ccx03.cocos builder

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

    Mar. 20, 2015
  • lajixinxi

    Jul. 24, 2013

3일차

Views

Total views

1,332

On Slideshare

0

From embeds

0

Number of embeds

1

Actions

Downloads

15

Shares

0

Comments

0

Likes

2

×