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

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

배철민 , 윤정민 , 신호철 저자(글)

지앤선 · 2017년 08월 31일

책 소개

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

작가정보

저자(글) 배철민

저자 배철민은 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 함수
  템플릿
  간편한 객체 초기화
  함수 입력인자의 기본값
  비구조화
  클래스

책 속으로

[서문 중에서]
모바일 디바이스들의 파편화가 심한 요즘, 모든 사용자에게 최적화된 게임을 제공한다는 것은 쉽지 않은 일이기 때문에 모바일 웹 환경에서 게임을 개발하고, 그것을 일반 유저들에게 서비스한다는 것은 생각보다 어려운 작업입니다. 이책에는 저자들이 이런 쉽지않은 환경에서 모바일 웹 게임을 개발하고 상용 서비스를 하면서 사용했던 기술들과 노하우에 대해 성실하게 기술 했습니다. 모바일 웹 게임에 대해 입문하시는 분들에게는 어떤 것들이 필요한지 알게되는 책이 되었으면 좋겠고, 이미 개발을 하고 서비스 하시는 분들에게는 저희들의 노하우를 공유드리는 책이 되었으면 좋겠습니다. (중략)

출판사 서평

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

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 기준으로 작성되었기 때문에 어렵게 느껴질 수 있다.

기본정보

ISBN	9791187497080 ( 1187497088 )
발행(출시)일자	2017년 08월 31일
쪽수	244쪽
크기	175 * 232 * 11 mm / 439 g
총권수	1권