Learning HTML5 온라인 게임 개발 프로그래밍 (Canvas SVG WebGL을 이용한 온라인 게임 개발 가이드)

제임스 L. 윌리엄스

저자 제임스 L. 윌리엄스(JAMES L. WILLIAMS)는 실리콘 밸리를 기반으로 하는 풍부한 경력의 개발자이며 자바, 사용자 인터페이스, 게임 프로그래밍 등에 관한 세계적인 강연자이기도 하다. SwingX 컴포넌트를 활용한 사용자 인터페이스 개발을 위한 SwingXBuilder의 개발자이며, Groovy를 이용해서 다양한 응용 프로그램의 개발을 도와주는 Griffon 프레임워크의 공동 개발자이기도 하다. 그와 그의 팀이 South by Southwest Interactive(SXSW)에 가던 중 버스 안에서 개발한 제품이 StartupBus 2011에서 상을 받기도 했다.

Chapter 01 HTML5에 대하여
- HTML의 근본을 넘어
- 하나로 통합
- WebSocket과 Web Worker 이용하기
- Application Cache
- 데이터베이스 API
- Web Storage
- Geolocation
- 알림으로 사용자 주의 끌기
- 미디어 요소
- HTML5 drawing API
- 마이크로데이터(Microdata)로 정보 전달하기

Chapter 02 개발 환경 구성하기
- 개발 도구
- 웹 서버 도구 및 선택 사항들
- Browser 도구
- HTML5 도구
- 3차원 모델링 도구

Chapter 03 JavaScript
- JavaScript란 무엇인가
- 조건 순환과 문
- 상속과 다형성을 이용한 복잡한 개체 생성
- JQuery 배우기
- JSON : 또 다른 JavaScript 형식
- 브라우저 밖에서의 JavaScript
- 서버 측 JavaScript

Chapter 04 게임의 동작 방법
- 게임 설계하기
- 향상된 자료 구조로 게임 개체 구축하기
- SGF API에 대한 이해
- SGF로 Pong 게임 만들기
- 충돌 감지와 반응을 이용한 충돌 구현하기
- 인공지능을 이용한 상대 플레이어 생성

Chapter 05 Canvas 태그로 게임 만들기
- Canvas 시작하기
- 변환을 이용해서 Canvas에 그리기
- Canvas에서 이미지 사용하기
- Trident.js를 이용해서 개체 애니메이션하기
- 2차원 공간에서 3차원 모의하기
- Copy Me 만들기

Chapter 06 SVG와 RaphaёlJS를 이용한 게임 개발
- SVG 소개
- RaphaёlJS 시작하기
- 사용자 지정 폰트
- 게임 클래스 만들기
- 향상된 애니메이션 만들기
- 플러그인으로 Raphaёl 확장하기
- 속도 고려사항

Chapter 07 WebGL과 Three.js로 게임 만들기
- 3차원 세상으로
- 재질과 조명으로 사물을 더욱 돋보이게 만들기
- 첫 Three.js 장면 만들기
- Three.js로 3차원 모델 로딩하기
- 셰이더와 텍스처 프로그래밍하기
- 텍스처 사용하기
- Three.js로 게임 생성하기
- 게임 물리를 이용한 실세계 모의
- 입자 시스템(Particle System) 다시보기
- 장면 만들기
- 모델 애니메이션하기
- 3차원 모델 구하기
- 게임 벤치마크

Chapter 08 JavaScript 없이 게임 만들기
- Google Web Toolkit
- CoffeeScript
- CoffeeScript 빠르게 살펴보기
- 대안 기술

Chapter 09 멀티 플레이어 게임 서버 구축하기
- Node.js란?
- ExpressJS로 웹 앱 간단하게 만들기
- 캐시로 데이터 유지하기
- 클라이언트/서버 통신 관리하기
- Node 응용 프로그램 디버깅하기
- 게임 서버 생성하기
- 게임 플레이 관리하기

Chapter 10 모바일 게임 개발
- 모바일 플랫폼 선택하기
- 플릭, 탭, 스와이프: 모바일 제스처 가이드
- 응용 프로그램과 웹 사이트
- 모바일 장치에 데이터 저장하기
- JQuery와 Zepto로 클라이언트 사이드 스크립팅 간단하게 하기
- JoAPP으로 응용 프로그램 설계하기
- 응용 프로그램 프레임워크 선택하기
- Titanium과 PhoneGap으로 Android 응용 프로그램 패키지 만들기

Chapter 11 게임 게시하기
- 게임 자산 최적화하기
- 자체 서버에 운영하기
- Node.js 서비스를 호스트하는 곳에 응용 프로그램 배포하기
- Chrome 웹 스토어에 응용 프로그램 게시하기
- TapJS로 응용 프로그램 게시하기
- Kongregate로 게임 게시하기
- HTML5 응용 프로그램을 데스크톱에 게시하기

HTML5 온라인 게임 프로그래밍을 위한 지름길!
HTML5는 웹과 모바일 게임에 커다란 변화를 예고하고 있다. 브라우저들은 재빨리 HTML5를 지원하기 시작했으며, HTML5는 Flash나 Silverlight와 같은 기존 기술에서 가능하던 모든 것을 뛰어넘어 훨씬 많은 것들을 가능하게 할 것이다. 이 책에서 저자는 여러분이 쉽고 빠르게 시작하기 위해 필요한 지식과 코드 그리고 통찰력에 이르는 모든 것을 나누고자 한다!

저자는 예제를 통해 HTML5의 핵심사항에 대해 자세히 설명하고 있으며, 이 중 두 개의 예제는 완전한 개발 프로세스를 모두 포함하고 있다. 그 과정에서 최신 개발 환경을 구축하고 대부분의 HTML5 canvas 태그, SVG 벡터 그래픽, WebGL 3D를 다루며 다양한 모바일 및 소셜 플랫폼들도 대상으로 하고 있다. 온라인 게임 설계의 기본에서부터 성능 최적화와 같은 고급 기법에 이르기까지 모든 것을 담고 있다고 할 수 있다. 이 책은 여러분이 게임 개발을 오랫동안 해왔든 게임을 처음 개발하는 웹/모바일 개발자이든 성공적인 HTML5 게임 개발로 향하는 가장 빠른 길을 알려준다.

《이 책에서 다루는 내용》
- 다양한 게임 개발을 가능하게 해주는 HTML5의 혁신에 대한 이해
- 최신 오픈 소스 HTML5 게임 개발 환경 구축
- JavaScript를 이용한 섬세한 사용자 상호 작용의 구현
- 프로토타입 기반의 Simple Game Framework(SGF)를 이용한 빠른 게임 개발
- Canvas 태그와 표면을 이용한 움직임과 게임 플레이 생성
- Rapha?lJS JavaScript 라이브러리를 통한 SVG 벡터 그래픽의 활용
- Three.js로 간단하게 개발하는 강력한 WebGL 3D 게임
- JavaScript 없이 Google Web Toolkit(GWT) 혹은 CoffeeScript를 이용한 게임 개발
- Node.js와 WebSockets를 이용한 완전한 멀티 플레이어 게임 서버 구축
- HTML5 모바일 게임을 개발하기 위한 계획과 도구의 선택
- 오프라인 캐시, 최소화 등의 기법을 통한 게임 성능 최적화