일반적인 게임 유형 10개를 선정하고, 대표적인 예시를 통해 게임 엔진과 툴 선택 기법을 심층 분석하고, 각 게임의 제작 과정을 자세히 설명하며, 웹 게임 개발을 빠르게 익힐 수 있는 체계적이고 실용적인 가이드를 제공합니다.

웹 게임 개발을 위한 팁 목차:

번역가의 서문
서문
소개
1장 퀴즈 게임 1
1.1 1단계: 질문 1
1.2 2단계: 숨겨진 질문 8
1.3 3단계: 질문 9 재현
1.4 4단계: 다양한 프로그램 라이브러리 소개 11
1.5 5단계: 플레이어가 선택한 답이 올바른지 확인 15
1.6 요약 19
2장 텍스트 어드벤처 게임 20
2.1 첫 번째 단계: 페이지 스타일 디자인 21
2.2 2단계: 페이지 점프 구현 25
2.3 3단계: 소품 바 및 소품 드래그 앤 드롭 기능 추가 27
2.4 4단계: 복잡한 대화형 기능 추가 35
2.5 5단계: 기록 탐색 기능 추가 44
2.6 6단계: 멋진 엔딩 추가 46
2.7 요약 48
챕터 3 파티 게임 50
3.1 1단계:atom.js를 사용하여 샘플 게임 만들기 50
3.2 2단계: 캔버스 요소 56으로 그리기
3.3 3단계: 쥐구멍 그리기 58
3.4 4단계: 두더지 그리기 60
3.5 5단계: 쥐구멍에 두더지 넣기 63
3.6 6단계: 두더지가 65번 구멍에서 나오도록
3.7 7단계: 플레이어가 키보드를 탭하여 두더지와 싸울 수 있도록 허용 67
3.8　HTML5의 [audio] 태그가 만족스럽지 않습니다. 70
3.9 요약 72
챕터 4 퍼즐 게임 73
4.1 1단계: easyl.js를 사용하여 74 렌더링
4.2 2단계: 여러 블록 렌더링 78
4.3 3단계: 같은 색상의 블록 쌍 만들기 81
4.4 4단계: 같은 색상의 블록을 연결하고 제거합니다 83
4.5 5단계: 이미지 숨기기 및 뒤집기 85
4.6 6단계: 결과 결정 87
4.7 7단계: 캐싱 및 성능 최적화 91
4.8 8단계: 블록 맞추기 게임을 문자 인식 게임으로 변경 93
4.9 요약 99
5장 플랫폼 게임 100
5.1 melon.js 100의 첫 소개
5.2 1단계: 타일 맵 만들기 101
5.3 2단계: 게임 시작 102
5.4 3단계: 게임 캐릭터 추가 105
5.5 4단계: 충돌 레이어 107 구축
5.6 5단계: 걷기 및 점프하기 108
5.7 6단계: 타이틀 화면 110
5.8 7단계: 플레이어가 112개를 수집할 수 있는 아이템 추가
5.9 8단계: 적 추가 113
5.10 9단계: 능력 강화 소품 추가 115
5.11 10단계: 승패 결정 메커니즘 추가 및 게임 정보 표시 116
5.12 요약 118
6장 격투 게임 120
6.1 첫 번째 단계: game.js 알아보기 120
6.2 2단계: 스프라이트 시트에 각 스프라이트를 개별적으로 그리기 123
6.3 3단계: 두 플레이어의 입력 처리 124
6.4 4단계: 이동 및 변환 127
6.5 5단계: 두 플레이어의 입력이 서로 차단되지 않도록 130
6.6 6단계: 비트 마스크를 사용하여 버튼 상태 기록 134
6.7 7단계: 마스크를 사용하여 충돌 감지 137
6.8 8단계: 두 게임 캐릭터가 서로 공격하게 하세요 140
6.9 요약 145
제7장 비행 슈팅 게임 146
7.1 렌더링 관련 준비 지식 146
7.2 첫 번째 단계: gameQuery 148 알아보기
7.3 2단계: "적 항공기" 추가 150
7.4 3단계: 나만의 전투기 만들기 153
7.5 4단계: 플레이어와 적 사이의 충돌 처리 156
7.6 5단계: 불알 157
7.7 6단계: 플레이어에게 다양한 무기 제공 159
7.8 요약 162
제8장 1인칭 슈팅 게임 164
8.1 첫 번째 단계: Jaws 164 알아보기
8.2 2단계: 2차원 지도 만들기 166
8.3 3단계: 플레이어 추가 169
8.4 4단계: 레이 캐스팅 기술을 사용하여 평면도 그리기 173
8.5 5단계: 조명 프로젝션 기술을 사용하여 의사 3D 효과 달성 177
8.6 6단계: 플레이어에게 카메라 장착 180
8.7 7단계: 게임 장면 장식하기 184
8.8 8단계: 동료 추가 188
8.9 요약 195
제9장 롤플레잉 게임 197
9.1 첫 번째 단계: enchant.js 알아보기 197
9.2 2단계: 지도 만들기 199
9.3 3단계: 플레이어 추가 202
9.4 4단계: 충돌 레이어 추가 207
9.5 5단계: 그리기 상태 화면 209
9.6 6단계: NPC 212와 대화
9.7 7단계: 소품 막대 그리기 215
9.8 8단계: 소품 가게 열기 218
9.9 9단계: 전투 인터페이스 구현 226
9.10 10단계: HTML5의 로컬 저장소 API를 통해 게임 진행 상황 저장 236
9.11 요약 238
Chapter 10 실시간 전략 게임 240
10.1 서버 240
10.2 1단계: 노드 243 구성
10.3 2단계: 즉각적인 통신을 위해 소켓.io 사용 246
10.4 3단계: crafty.js를 사용하여 등각 지도 만들기 249
10.5 4단계: 체스 말 그리기 251
10.6 5단계: 체스 말 이동 255
10.7 6단계: 플레이어가 자신의 말만 제어하고 상대 말의 패턴을 숨길 수 있도록 허용 258
10.8 7단계: 플레이어가 상대방의 말을 포착하고 그 패턴을 볼 수 있도록 충돌 감지 구현 264
10.9 요약 268
Chapter 11 게임 개발 수준을 지속적으로 향상시키는 방법 270
11.1 이 책에서 이미 논의한 내용 270
11.2 다음에 배워야 할 것 271
부록 A JavaScript 기본 사항 273
부록 B 코드 품질 관리 280
부록 C 리소스 285