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.
동국대학교 앱창작터 모바일게임과정II:Cocos2d-­‐X
3일차: CocosBuilder
목차
}  CocosBuilder	
  소개	
  
}  다운로드 및 사용방법	
  
}  CCB파일 작업하기	
  
}  Cocos2d-­‐x에서 사용하기	
  
}  참고자료	
  
COCOSBUILDER 소개
}  UI,	
  애니메이션 등 게임 화면 구성을 간편하게 구현할 수
있는 오픈소스 툴(MIT	
  라이센스)	
  
}  Cocos2d	
  엔진에서 사용	
  
}  Cocos2d-­‐x	
  
}  Coco...
다운로드 및 사용방법
모바일게임과정II:Cocos2d-­‐X 5
}  Cocosbuilder	
  다운로드	
  
}  http://cocosbuilder.com/?page_id=11	
  
}  Stable	
  version	
  :	
  2.1	
  
}  Latest	...
}  새 프로젝트 생성하기	
  
}  File-­‐>New-­‐>Project	
  선택 경로와 프로젝트명을 작성후 ‘save’	
  
다운로드 및 사용방법
}  화면 구성	
  
다운로드 및 사용방법
리소스 뷰	
  
	
  
	
  
	
  
프로젝트 리소스
리스트	
  
편집 화면	
  
	
  
	
  
	
  
	
  
	
  
타임라인	
  
속성창	
  
상단...
}  프로젝트 설정	
  
}  File-­‐>Project	
  Settings	
  
다운로드 및 사용방법
	
  
	
  
	
  
리소스 경로 추가/삭제	
  
	
  
	
  
	
  
	
  
JavaSc...
}  퍼블리싱 설정	
  
}  File-­‐>Publish	
  Settings	
  
다운로드 및 사용방법
iOS	
  리소스 설정	
  
	
  
	
  
안드로이드 리소스 설정	
  
	
  	
  
	
  ...
}  새 화면 추가	
  
}  File-­‐>New-­‐>Interface	
  File	
  선택	
  
다운로드 및 사용방법
오브젝트 타입 설정, 풀스크린 여부	
  
지원 해상도 리스트	
  
}  미리 보기(브라우저)	
  
}  File-­‐>Run	
  in	
  Browser-­‐>(해당 브라우저) 선택	
  
다운로드 및 사용방법
CCB파일 작업하기
모바일게임과정II:Cocos2d-­‐X 13
}  노드 추가하기	
  
}  상단 메뉴에서 노드 선택->좌측하단(0,	
  0) 지점에 노드 생성 	
  
CCB파일 작업하기
}  속성값(프로퍼티) 수정
}  편집 화면에서 해당 노드	
  
선택하면 오른쪽에 선택된	
  
노드의 각종 프로퍼티가 	
  
나타남 	
  
CCB파일 작업하기
}  노드의 순서(Z-­‐Order) 변경	
  
}  타임라인에서 드래그하여 변경	
  
}  타임라인에서 상단으로 갈수록 뒤에 위치(Z-­‐Order값 감소)	
  
CCB파일 작업하기
}  애니메이션: 키프레임 추가	
  
}  타임라인에서 아래 화살표 클릭-­‐>원하는 프로퍼티의 시간 영
역에 ‘option키’	
  +	
  클릭	
  
CCB파일 작업하기
}  애니메이션: 키프레임 편집
}  타임라인에서 키프레임 더블클릭	
  
CCB파일 작업하기
}  애니메이션: 키프레임 삭제
}  타임라인에서 키프레임 선택->‘delete키’	
  
CCB파일 작업하기
}  애니메이션: 연속적인 이미지 사용
}  리소스 리스트에서 프레임 선택 후 Animation-­‐>’Create	
  Fra
mes	
  from	
  Selected	
  Resources’	
  
CCB파일 ...
}  애니메이션: 이징 액션(Easing	
  Action)	
  적용	
  
}  연결된 두 키프레임 사이에서 오른 클릭	
  
CCB파일 작업하기
}  애니메이션: 다중 타임라인
}  타임라인 제목 클릭-­‐>Edit	
  Timelines-­‐>’+’ 클릭	
  
CCB파일 작업하기
}  애니메이션: 타임라인 연계(chain)	
  
}  타임라인 하단 ‘No	
  chained	
  timeline’	
  클릭-­‐>연계할 타임라인
선택	
  
CCB파일 작업하기
COCOS2D-X에서 사용하기
모바일게임과정II:Cocos2d-­‐X 24
}  프로젝트	
  퍼블리싱	
  
}  File-­‐>Publish	
  :	
  *.ccbi및 리소스 출력	
  
Cocos2d-x에서 사용하기
q  Cocos2d-­‐x	
  프로젝트에	
  *.ccbi	
  및 리소스 포함	
  
Cocos2d-x에서 사용하기
}  Cocos2d-­‐x	
  프로젝트에서	
  *.ccbi	
  불러오기	
  
Cocos2d-x에서 사용하기
AppDelegate.cpp	
  
헤더 추가, 네임스페이스 명시	
  
수정	
  
}  실행화면	
  
Cocos2d-x에서 사용하기
참고자료
모바일게임과정II:Cocos2d-­‐X 29
}  CocosBuilder	
  User	
  Guide	
  
}  Help-­‐>CocosBuilder	
  User	
  Guide	
  
}  Cocos2d-­‐x	
  사용자 모임(저자 카페)	
  
}...
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
Ccx03.기본기능 실습
Next
Upcoming SlideShare
Ccx03.기본기능 실습
Next
Download to read offline and view in fullscreen.

Share

Ccx03.cocos builder

Download to read offline

3일차

Related Books

Free with a 30 day trial from Scribd

See all

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,342

On Slideshare

0

From embeds

0

Number of embeds

1

Actions

Downloads

15

Shares

0

Comments

0

Likes

2

×