경운대학교 전자책도서관

책소개

HTML5와 자바스크립트로 배우는 멀티 플랫폼 게임 프로그래밍

HTML5와 자바스크립트로 PC와 스마트폰용 멀티 플랫폼 게임을 한 번에 개발하는 방법을 안내한다. HTML5와 자바스크립트를 몰라도 차근차근 따라하기만 하면 누구나 달리기 게임을 제작할 수 있도록 구성했다. 복잡한 내용은 빼고 HTML5와 자바스크립트의 필수적인 요소만 설명한 뒤, 나머지는 게임 제작에만 투자했다. 화면을 움직이는 방법, 캐릭터가 움직이는 방법, 캐릭터가 점프하는 방법, 장애물을 처리하는 방법, 코인 아이템을 습득하는 방법 등 달리기 게임을 만들기 위해 알아야 할 것들을 단계별로 제작해가며 설명하고 구현했다.

저자소개

괴혼의 아버지로 알려진 다카하시 케이타(Takahashi Keita)를 존경하며 국제 게임공모전인 IGF와 인디케이드에 참가하고 싶은 평범한 게임 개발자다. 수년간 게임, 웹, 모바일 등 다양한 분야에서 프리랜서로 일했으며, 랜스군의 게임공작소(lancekun.com)를 운영하면서 게임 프로그래밍 관련 이슈들을 다루고 있다. 저서로 한빛미디어에서 펴낸 『만들면서 배우는 안드로이드 게임 프로그래밍』, 『만들면서 배우는 HTML5 게임 프로그래밍』이 있다.

1장 HTML5 소개
1.1  HTML5 개발 환경
1.2  개발 환경 구성하기
  1.2.1  웹 브라우저 설치하기
  1.2.2  앱태나 설치하기
  1.2.3  앱태나 스튜디오 둘러보기

2장 기본기 배우기
2.1  HTML5와 자바스크립트
  2.1.1  HTML5 둘러보기
  2.1.2  자바스크립트 둘러보기
2.2  이미지 띄우기
  2.2.1  캔버스란?
  2.2.2  캔버스 추가하기
  2.2.3  이미지 출력하기
  2.2.4  배우면서 게임 만들기 1단계
2.3  입력 처리
  2.3.1  이벤트를 이용한 키 입력 처리
  2.3.2  이벤트를 이용한 마우스 입력 처리
  2.3.3  배우면서 게임 만들기 2단계
2.4  타이머 처리
  2.4.1  타이머를 이용한 레벨업 애플리케이션
  2.4.2  배우면서 게임 만들기 3단계
2.5  사운드 처리
  2.5.1  HTMLAudioElement를 이용한 사운드 재생하기
  2.5.2  배우면서 게임 만들기 4단계와 마무리

3장 게임 프레임워크 만들기
3.1  게임 루프 생성
  3.1.1  프레임 측정기 구현
  3.1.2  고정 프레임 게임 루프
  3.1.3  가변 프레임 게임 루프
3.2  입력 처리 시스템 구현
3.3  사운드 시스템 구현
3.4  게임 상태의 이해와 게임 상태 기반 구현
  3.4.1  게임 상태의 이해
  3.4.2  게임 상태 기반 구현
3.5  게임에 사용할 프레임워크의 부가 요소 제작
  3.5.1  게임에 그림을 표시하는 GraphicObject
  3.5.2  게임에 움직임을 표현하는 SpriteAnimation
3.6  리소스 프리로더의 구현
3.7  디버그 시스템의 구현
3.8  프레임워크의 부가 요소
  3.8.1  타이머 구현
  3.8.2  프레임 스키퍼
  3.8.3  화면 전환 효과 구현하기
3.9  프레임워크 개발 마무리
  3.9.1  프레임워크 정리하기
  3.9.2  프레임워크를 이용한 총알 피하기 게임 제작

4장 실제 게임 개발하기
4.1  타이틀 구성하기
4.2  배경 조작
4.3  지형과 장애물 구현하기
4.4  플레이어 구현하기
4.5  아이템 구현하기
4.6  마무리
  4.6.1  HTML 페이지 꾸며주기
  4.6.2  타이틀 화면 이미지 교체
  4.6.3  점프 시 플레이어 이미지 교체
  4.6.4  다양한 재미 요소 추가하기

5장 Node.js를 이용한 멀티유저 게임 개발하기
5.1  Node.js 소개
5.2  Node.js 개발 환경 구축하기
5.3  Socket.IO 연결하기
5.4  서버와 클라이언트의 메시지 통신
5.5  Socket.IO를 프레임워크 요소로 추가하기
5.6  멀티유저 게임 개발하기

6장 게임 배포하기
6.1  게임 최적화하기
6.2  자체적인 서비스
6.3  페이스북과의 연동
6.4  모바일 애플리케이션
  6.4.1  모바일 환경 지원하기
  6.4.2  폰갭 빌드를 이용한 앱 형태 배포
6.5  크롬 웹 스토어에 배포하기
6.6  마치면서

부록  A  자바스크립트 키코드

책소개

저자소개

목차