• Cocos2D JavaScript를 이용한 HTML5 게임 개발

  • 박현천, 이승준 지음

  • 게임 개발 시리즈 _ 005
  • ISBN: 9788992939058
  • 20,000원 | 2012년 07월 18일 발행 | 236쪽



HTML5 게임 엔진인 Cocos2D JavaScript를 이용한 게임 개발 안내서!

HTML5의 강점은 게임에도 그대로 적용할 수 있다. 그래픽이나 사운드에 의존도가 높은 게임 역시 HTML5로 별도의 플러그인 없이 빠르고 다채롭게 표현할 수 있으며, 가장 큰 문제 중 하나였던 성능 역시 전반적인 기기 성능 향상과 더불어 브라우저 엔진 자체가 개선되고 있어 빠르게 해결되고 있다. 특히 모바일 기기나 PC 등 플랫폼의 경계를 넘어 사용자가 언제 어디서나 게임에 접근할 수 있는 환경을 제공한다는 점 역시 매력적이다.

이 책은 게임 개발에 대한 경험이 없는 독자도 쉽게 게임 개발을 경험할 수 있게 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
      • 처음부터 만들어보기
  • p148쪽, 코드에서

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

예제코드 관련 GitHub 페이지

관련 글