나에게 필요한 지식과 기술을 검색해 보세요.

만들면서 배우는 HTML5 게임 프로그래밍: PC와 스마트폰을 한 번에 잡는 멀티 플랫폼 게임 프로그래밍

지은이

황동윤

출간일

2013.06.22

레벨

초급

평점

3.6(5명)

정가

40,000

판매가

36,000

총 결제 금액

10%

36,000

적립 예정

1,800P

쪽수

716P

ISBN

9788968480225

브랜드

한빛미디어

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


- 게임 프레임워크 제작으로 배우는 기초 원리
어떤 게임을 제작하더라도 게임이라면 갖춰야 할 요소를 프레임워크로 정리했다. 게임 루프 생성, 키보드와 마우스를 위한 입력 처리 시스템, 스마트폰 환경을 위한 터치 입력 시스템, 사운드 시스템, 게임 상태 전환, 그래픽 객체와 애니메이션 관리자, 리소스 프리로더, 프레임 스키퍼, 디버깅 시스템을 단계별로 완성하며 게임의 기초 원리를 완벽하게 학습한다.

 

- 단계별 완성으로 배우는 게임 프로그래밍
자바스크립트 기초 문법부터 시작해서 총알 피하기 게임 제작, 게임 만들기의 기반이 되는 게임 프레임워크 개발하기, 게임 프레임워크에 기반한 러너 게임을 단계별로 완성해본다. 러너 게임을 완성한 이후에는 Node.js를 이용해 네트워크 대전 게임을 제작한다.

 

                                                       <웹 브라우저에 실행한 모습>

 

- 실시간 네트워크 대전 게임 제작
자바스크립트로 서버 프로그래밍을 할 수 있는 Node.js를 활용해 실시간 대전 게임을 구현해본다. Node.js와 기본 사용법과 Socket.IO를 살펴보고 이를 게임 프레임워크에 통합하는 과정도 설명한다. 이를 토대로 러너 게임을 네트워크 대전 게임으로 발전시켜보게 했다.

 

                                         

 

- 멀티 플랫폼으로 배포하기
HTML5와 자바스크립트를 지원하는 웹 브라우저만 있으면 어디서나 게임을 실행할 수 있다는 이점을 활용해 다양한 플랫폼으로 게임을 배포할 수 있다. 아이폰, 안드로이드, 윈도폰용 앱으로 변환하는 과정을 설명하고, PC 환경을 위해서는 페이스북과 크롬 웹 스토어에 배포하는 과정을 설명한다.

 

                                                 <안드로이드폰에서 실행한 모습>

 

                                 <크롬 웹 스토어로 배포해서 웹 앱으로 내려받은 모습>

 

 

저자

목차

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  자바스크립트 키코드

리뷰

전체 평점

3.6

오탈자

등록된 오탈자가 없어요

오탈자를 발견하셨다면 작성해주세요.

40,000

10%

36,000