이미지 검색을 사용해 보세요
검색창 이전화면 이전화면
최근 검색어
인기 검색어

소득공제
만들면서 배우는 HTML5 게임 프로그래밍
PC와 스마트폰을 한 번에 잡는 멀티 플랫폼 게임 프로그래밍
황동윤
한빛미디어 2013.06.03.
베스트
IT 모바일 top100 2주
가격
40,000
10 36,000
YES포인트?
2,000원 (5%)
5만원 이상 구매 시 2천원 추가 적립
결제혜택
카드/간편결제 혜택을 확인하세요

이미 소장하고 있다면 판매해 보세요.

  •  해외배송 가능?
  •  문화비소득공제 가능

상세 이미지

책소개

목차

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

저자 소개 1

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

품목정보

발행일
2013년 06월 03일
쪽수, 무게, 크기
716쪽 | 1610g | 183*235*40mm
ISBN13
9788968480225

책 속으로

2010년 중순 『만들면서 배우는 안드로이드 게임 프로그래밍』의 집필을 마무리하던 중 HTML5를 알게 되었습니다. 플러그인을 사용하는 플래시 없이도 HTML5에서는 순수 웹 기술만으로 게임을 만들 수 있다는 사실에 흥분했습니다. 그러나 2010년에는 HTML5를 지원하는 웹 브라우저도 널리 보급되지 않았고, 웹 게임 제작에 주로 쓰이는 플래시보다 성능이 매우 낮다는 문제가 있었습니다. 그럼에도 HTML5 기술이 발달하면 HTML5가 게임 개발의 주축이 되는 시대가 오리라 예상하고 있었습니다. HTML5 게임 개발 기술을 준비하는 시간이 필요하다고 생각했고, 어느덧 주변 환경을 보면 HTML5의 시대가 다가오고 있음을 느낍니다.

HTML5 게임 개발은 아직 정형화된 개발 방법이 없습니다. 그렇기에 누구나 게임을 개발할 수 있는 게임 프레임워크를 제작하고, 개발자가 아니어도 누구나 쉽게 이해하며 HTML5 게임을 개발할 수 있게 하자는 의도로 집필을 진행했습니다. 개인적인 경험을 토대로 모든 내용을 작성하다 보니 책의 내용 구성상 체계적이지 못하게 기술한 부분이 있으리라 생각합니다. 하지만 번역서가 아닌 집필서로 HTML5 게임 개발을 다룬 만큼, 다른 HTML5 책에서는 얻을 수 없는 무언가를 독자가 얻어갈 수 있는 책이 되면 좋겠습니다.

이 책은 HTML5와 자바스크립트로 게임을 개발하지만, 내용의 대부분은 게임 프로그래밍의 기본 원리를 설명하는 데 할애했습니다. 이 책을 따라 하면서 HTML5와 자바스크립트로 게임 프레임워크를 개발하고, 이 프레임워크를 이용해 게임을 개발하는 실습 과정을 경험한다면 다른 언어와 다른 환경에서 게임을 개발하더라도 스스로 게임 프레임워크 제작과 게임 개발을 할 수 있는 응용력을 키울 수 있다고 생각합니다.

책의 내용 중 궁금한 사항이나 잘못된 점이 있다면 이메일을 보내주시기 바랍니다. 지구 상에서 이 책을 찾을 수 없을 때까지 답변을 남겨 드리겠습니다. 단, 개인 사정에 따라 답변이 늦어질 수 있다는 점은 미리 양해를 부탁드립니다. 낳아주시고 키워주신 부모님과 이렇게 부족한 저에게 집필을 맡겨주신 한동훈 과장님과 한빛미디어 관계자분들, 언제나 저를 격려해주시는 많은 분, 모두에게 감사드립니다. HTML5 게임 개발에 처음 입문하는 독자가 이 책을 통해 게임 개발에 흥미를 느끼고, 자신만의 세계와 생각을 게임으로 만드는 데 이 책이 조금이라도 도움이 되기를 희망합니다.

지은이_ 황동윤

---「지은이 서문」

출판사 리뷰

HTML5와 자바스크립트로 PC와 스마트폰용 멀티 플랫폼 게임을 한 번에 개발하는 방법

나도 윈드러너 같은 달리기 게임을 만들고 싶다!


윈드러너 같은 달리기 게임을 제작하는 방법을 설명한다. HTML5를 모르고, 자바스크립트를 몰라도 차근차근 따라 하기만 하면 누구나 달리기 게임은 제작할 수 있게 했다. HTML5를 설명할 생각도, 자바스크립트를 설명할 생각도 없다. 딱 게임 제작에 필요한 HTML5와 자바스크립트만 설명하고, 나머지는 게임 제작에만 투자했다. 화면을 움직이는 방법, 캐릭터가 움직이는 방법, 캐릭터가 점프하는 방법, 장애물을 처리하는 방법, 코인 아이템을 습득하는 방법 등을 단계별 제작을 통해 설명하고 구현하면서 완성했다.

최초로 공개하는 대전 게임 제작의 원리

서버가 필요한 게임 제작이나 대전 게임을 제작하려면 C++ 언어로 개발한 서버가 필요하다는 생각이 지배적이다. 여기서는 자바스크립트와 Node.js를 사용해 서버를 구현하고, 두 사람이 즐길 수 있는 대전 게임을 직접 구현하면서 게임 서버와 대전 게임 제작의 원리를 설명했다.

멀티 플랫폼 게임 개발을 최초로 보여준다

HTML5는 플랫폼이다. 운영체제에 종속된 API에 기반한 프로그래밍을 벗어나 HTML5 플랫폼에 기반한 개발의 시대로 전환하고 있다. HTML5 플랫폼에서 개발하면 PC, 태블릿, 스마트폰 어디서나 동작할 수 있다. 게임 화면을 디바이스의 크기에 따라 조절하는 방식을 보여주고, 마우스 클릭과 터치 이벤트를 동시에 처리하는 입력 처리 시스템을 어떻게 개발하는지 설명했다.

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

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

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

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

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

리뷰/한줄평7

리뷰

7.8 리뷰 총점

한줄평

10.0 한줄평 총점

클린봇이 부적절한 글을 감지 중입니다.

설정