웹으로 시작하는 모바일 게임

뛰어난 성능의 쉽고 가벼운 HTML5 게임 만들기

배철민, 윤정민, 신호철 저

이 책은 모바일 앱이나 별도의 게임기가 필요 없고, 스마트기기에서 안정적으로 접속이 가능해 유력한 차세대 게임플랫폼으로 꼽히고 있는 HTML5 기반의 웹 모바일 게임을 개발하는데 필요한 내용을 담고 있다. 


도서 상세

분야: [게임, 웹프로그래밍, 모바일, 프로그래밍 언어]

출간일: Aug 31, 2017

페이지: 244

도서정가: 23,000 원

ISBN: 9791187497080

N 초급 B 초/중급 능숙 C P 숙련 E 전문
부가 정보


관련 도서

이 책의 내용

이 책은 전반부에서 웹에서 게임을 만드는데 필요한 내용들에 대해 다루고 있다. 

1, 2 장에서는 웹환경에서 게임관련된 요소들인 게임엔진, Canvas API, WebGL 등에 대한 간단한 소개를 하고 있다. 3, 4 장은 HTML5 Canvas 대한 기본 내용과 그것을 활용한 테트리스 게임 만들기에 대해 이야기하고 있다. 5, 6 장에서는 CSS3 요소들 중 게임을 만드는데 사용할 수 있는 transform 함수와 관련된 기본적인 소개와 CSS3를 활용한 퍼즐게임 만들기를 소개하고 있다. 후반부는 모바일 웹 환경에서 개발할 때 겪을 수 있는 문제점들을 헤쳐 나갈 수 있는 방법에 대해 이야기하고 있다. 7 장에서는 3~5 장까지 알아본 HTML5 Canvas와 CSS3 transform을 적절히 섞어서 하이브리드 게임을 만들고 그것을 활용해서 저사양 단말에서 canvas 기반의 게임이 60fps가까이 나올 수 있는 하나의 방법에 대해 이야기하고 있으며 8 장에서는 모바일 웹 게임을 만들때 필요한 디버깅 툴들을 소개하고 있고, 9 장에서는 모바일 웹 게임을 만들 때 주의해야할 내용들에 대해 이야기하고 있다.

또한 이 책 대부분의 예제들이 Ecma Script 2015를 기준으로 만들어져 있으며 부록을 통해 그 것에 관련된 소개 또한 포함하고 있다. 


대상 독자

자신이 html, css, javascript를 초급이상으로 학습을 해온 개발자에게 추천한다.반대로 웹 관련 기술인 HTML, CSS, JavaScript 모르는 분들이라면 읽지 않는 것을 권한다. 또한 웹개발에 종사를 했거나 현재 하고있는 개발자 분들께 추천한다. 게임과 관련된 일을 하셨다고 하더라도 어느정도의 웹관련 지식이 없으면 이해하기 어려운 부분들이 많이 있고, 전반적으로 예제가 Ecma Script 2015 기준으로 작성되었기 때문에 어렵게 느껴질 수 있다.


저자 소개


배철민 : 1987년 생으로 세종대학교에서 컴퓨터 공학을 전공했다. 현재는 SK planet에서 개발자로 근무중이며, 경력의 대부분을 javascript와 함께 했다. ReactJS, AngularJS 등 프레임워크를 활용해서 프론트엔드 개발, 하이브리드 앱 개발 프로젝트를 담당하고있으며 NodeJS를 활용한 백엔드 개발까지 겸하고 있다.

윤정민 : Carnegie Mellon Univ.에서 컴퓨터공학 학사 졸업 이후 SK planet에서 Frontend 개발자로 시작해 현재 네이버에서 근무중이다. JavaScript로 뭐든 만들어 내는것을 좋아하며, 계속 새로 쏟아져 나오는 기술들을 빠르게 쫓아가려 노력중이다.

신호철 : 삼성전자를 거쳐 SK planet에서 개발자로 근무 중이며, 어떻게 하면 70세까지 즐겁게 개발을 할 수 있을 지에 대해 고심 중이다. 저서로는 「빠르게 활용하는 파이썬 3.2 프로그래밍」, 「빠르게 활용하는 SQLite3」, 「IT Cookbook for beginner C++ 기초」 등이 있다.


CHAPTER 1 소개

HTML5란

HTML5 게임에서 사용되는 기술들

예제 파일을 실행하기 위한 환경설정 방법

브라우저 설치

CHAPTER 2 게임 프레임워크 비교

cocos2D HTML5

gameQuery

PWGE(Planet Web Game Engine)

CHAPTER 3 캔버스로 그리기

캔버스 요소(Element)

간단한 도형 그리기

글자 쓰기

이미지 그리기

이미지 데이터 추출

CHAPTER 4 캔버스 API를 활용해 테트리스 만들어보기

게임 기능 구현

클래스 생성과 속성 정의

게임을 더 게임답게 만들기

CHAPTER 5 CSS3 속성을 활용한 애니메이션

HTML 좌표계

transform 메소드들의 사용법

transform 메소드

transition()을 활용하여 애니메이션 효과 주기

간단한 애니메이션 DEMO 구현해보기

간단한 애니메이션 데모 구현해보기(2)

CHAPTER 6 슬라이드 퍼즐 만들기

게임의 이해

게임의 로직

타일 섞기(shuffling)

타일 이동하기

게임 데이터 객체 만들기

게임 렌더링/업데이트 로직

CHAPTER 7 게임의 성능 최적화

모바일 웹 환경의 한계와 모바일 웹 게임의 개발 방향

모바일 웹 환경에서 게임 테스트 해보기

결론

CHAPTER 8 크롬 devTool을 활용해 프로파일링 해보기

크롬의 모바일 웹 프로파일링 방법

웹뷰 프로파일링 방법

크롬 devTool의 타임라인 활용 해보기

크롬 devTool의 CPU Profiler 활용해보기

CHAPTER 9 모바일 환경에서 게임 개발하기

디바이스 해상도

Object Pool 활용하기

Repaint 영역 최소화

APPENDIX A ES6

문법

let과 const

arrow 함수

템플릿

간편한 객체 초기화

함수 입력인자의 기본값

비구조화

클래스