Cocos2D JavaScript를 이용한 HTML5 게임 개발

HTML5 게임을 만드는 가장 쉽고 빠른 길!

게임 개발 프레임워크로 유명한 Cocos2D의 자바스크립트 버전으로 차세대 플랫폼인 HTML5 기반의 게임을 쉽고 빠르게 개발할 수 있습니다. 다양한 플랫폼을 지원하는 멀티 플랫폼뿐 아니라 실시간으로 업데이트할 수 있는 HTML5의 장점을 게임에도 그대로 적용할 수 있습니다. 이 책은 Cocos2D JavaScript를 이용한 게임 개발을 기초부터 실전까지 차근차근 학습할 수 있게 구성돼 있습니다.

★ 이 책에서 다루는 내용 ★

• Cocos2D JavaScript의 소개 및 설치
• Cocos2D JavaScript의 핵심 개념과 주요 기능
• Cocos2D JavaScript를 이용한 게임 개발 기법

박현천

2010년 Nexon Open Studio Season 1 대상을 받고 넥슨에 재직하던 중 아이폰/안드로이드 등의 모바일 플랫폼에 관심을 두고 개인 개발자로서 아이폰 앱스토어 및 안드로이드 마켓에 상식백과 시리즈 등 20여 건의 앱을 등록해 여러 번 앱스토어 전체 무료 1위 및 안드로이드 마켓 100만 다운로드 돌파를 달성했다. 2011년 삼성생명 모바일 창구 리뉴얼 프로젝트의 아이폰/안드로이드 개발을 전담했으며, 현재는 HTML5 오픈 커뮤니티(www.htmlfive.co.kr)의 운영자로 새로운 비상을 꿈꾸고 있다.

이승준

어릴 적부터 게임을 만들고 싶어 남들보다 조금 어린 나이에 게임 업계에 뛰어들어 군대까지 게임 회사에서 해결한 9년 차 게임 개발자다. 차가운 도시 남자를 꿈꾸지만 현실은 맨날 야근만 하는 불쌍한 인생이다. 프로그래머는 언어에 구애받으면 안 된다는 생각에 요즘은 웹 개발을 공부하고 있으며 어떻게 하면 즐겁게 살 수 있는지 고민 중이다. 뿌바 엔터테인먼트, IBSnet, 웹젠을 거쳐 현재는 드래곤플라이에서 온라인 FPS 게임인 스페셜 포스2를 개발 중이다.

• ▣ 01장_Cocos2D JavaScript - HTML5 게임 엔진
  • Cocos2D 소개
  • Cocos2D의 특징
  • Cocos2D의 종류
  • Cocos2D JavaScript
  • Cocos2D JavaScript 시작하기
    • Cocos2D 내려받기
    • Cocos2D 설치
    • 개발 도구
    • 테스트 환경
    • 버전 관련 문제
  •  
• ▣ 02장_Cocos2D의 기본 개념
  • Director
  • Scene
  • Layers
  • Sprite
  • Action
  •  
• ▣ 03장_Hello, World!
  • HelloWorld 프로젝트 생성
  • 프로젝트의 구조
    • jah.json
    • package.json
    • main.js
    • index.html.template
  • HelloWorld 실행하기
    • Serve project
    • Compile project
    • HelloWorld 수정하기
  •  
• ▣ 04장_Cocos2D Sprite
  • Sprite 시작하기
  • Sprite 활용하기
  • Parent & Child
  • Sprite의 속성
    • 화면 출력 여부
    • 크기
  • 불투명도
  • 회전
  •  
• ▣ 05장_Cocos2D Label
  •  
  • Label 시작하기
  • Label의 속성
    • 생성자
    • 위치 변경
    • 회전
    • 화면 출력 여부 및 불투명도
    • 글자색 변경
    • Label 텍스트 변경
    • Label 폰트 크기 변경
  • LabelAtlas
  •  
• ▣ 06장_Cocos2D Menu
  • Menu 시작하기
  • Menu와 MenuItem의 속성
  •  
• ▣ 07장_Cocos2D Animation
  • SpriteFrame
  • Animation
  •  
• ▣ 08장_Cocos2D Position
  • Position 시작하기
  • Anchor Point
  •  
• ▣ 09장_Cocos2D Input Event
  • Input Event 시작하기
  • Keyboard Events
  • Mouse Events
  •  
• ▣ 10장_Cocos2D Actions
  • Action 시작하기
  • Basic actions
  • Composition actions
  • Ease actions
  • Special actions
  • Action 관련 메서드
  •  
• ▣ 11장_Cocos2D Transitions
  • Transitions 시작하기
  • Transitions 활용하기
  • Transition의 종류
    • TransitionMoveIn
    • TransitionSlideIn
  •  
• ▣ 12장_Sound
  • 효과음
  • Audio 기본 사용법
  • 배경음악
  •  
• ▣ 13장_기타 기능
  • Schedule
  • 충돌 검사
  • 타일맵 에디터
    • Tile Map Editor 설치하기
    • Tile Map Editor 사용법
  •  
• ▣ 14장_실전 프로젝트
  • Demo : 갤러그
    • 갤러그 개발 로드맵
    • 문서화
    • QA
    • 마무리
  • 벽돌 깨기
    • breakout 내려받기
    • 벽돌 깨기 설치하기
    • breakout의 구조
    • main.js
    • Bat.js
    • Ball.js
    • level1.tmx
    • 처음부터 만들어보기

예제코드 관련 GitHub 페이지

• GitHub 페이지: https://github.com/wikibook/cocos2d-javascript
• ZIP 형식으로 다운로드: https://github.com/wikibook/cocos2d-javascript/archive/master.zip

• p148쪽, 코드에서

  Sprite.stopAllAction() --> Sprite.stopAllActions()