Ia memilih 10 jenis permainan biasa dan menyediakan analisis mendalam mengenai enjin permainan dan teknik pemilihan alat melalui contoh biasa Ia menerangkan proses pengeluaran setiap permainan secara terperinci, menyediakan panduan yang sistematik dan praktikal untuk menguasai pembangunan permainan web dengan cepat.

Petua untuk Pembangunan Permainan Web Jadual Kandungan:

Kata pengantar penterjemah
Kata Pengantar
Pengenalan
Bab 1 Permainan Kuiz 1
1.1 Langkah Pertama: Soalan 1
1.2 Langkah 2: Soalan tersembunyi 8
1.3 Langkah 3: Menghasilkan semula soalan 9
1.4 Langkah 4: Memperkenalkan pelbagai perpustakaan program 11
1.5 Langkah 5: Tentukan sama ada jawapan yang dipilih oleh pemain adalah betul 15
1.6 Ringkasan 19
Permainan Pengembaraan Teks Bab 2 20
2.1 Langkah pertama: Reka bentuk gaya halaman 21
2.2 Langkah 2: Laksanakan lompat halaman 25
2.3 Langkah 3: Tambah bar prop dan fungsi drag-and-drop prop 27
2.4 Langkah 4: Tambah fungsi interaktif yang kompleks 35
2.5 Langkah 5: Tambah fungsi navigasi sejarah 44
2.6 Langkah 6: Tambahkan pengakhiran yang indah 46
2.7 Ringkasan 48
Bab 3 Permainan Parti 50
3.1 Langkah Pertama: Buat contoh permainan menggunakan atom.js 50
3.2 Langkah 2: Lukis dengan elemen kanvas 56
3.3 Langkah Ketiga: Lukis Lubang Tikus 58
3.4 Langkah 4: Lukiskan Tahi Lalat 60
3.5 Langkah 5: Masukkan tahi lalat ke dalam lubang tetikus 63
3.6 Langkah 6: Buat tahi lalat keluar dari lubang 65
3.7 Langkah 7: Benarkan pemain melawan tahi lalat dengan mengetik papan kekunci 67
3.8　Teg [audio] HTML5 tidak memuaskan 70
3.9 Ringkasan 72
Bab 4 Permainan Teka-teki 73
4.1 Langkah 1: Gunakan easel.js untuk memaparkan 74
4.2 Langkah 2: Buat berbilang blok 78
4.3 Langkah 3: Buat pasangan blok dengan warna yang sama 81
4.4 Langkah 4: Padankan dan hilangkan bongkah dengan warna yang sama 83
4.5 Langkah 5: Sembunyikan dan selak imej 85
4.6 Langkah 6: Menentukan hasil 87
4.7 Langkah Ketujuh: Caching dan Pengoptimuman Prestasi 91
4.8 Langkah 8: Tukar permainan padanan blok kepada permainan pengecaman huruf 93
4.9 Ringkasan 99
Bab 5 Permainan Platform 100
5.1 Pengenalan pertama kepada melon.js 100
5.2 Langkah Pertama: Buat Peta Jubin 101
5.3 Langkah 2: Mulakan permainan 102
5.4 Langkah 3: Tambah watak permainan 105
5.5 Langkah 4: Bina lapisan perlanggaran 107
5.6 Langkah Kelima: Berjalan dan Melompat 108
5.7 Langkah Enam: Skrin Tajuk 110
5.8 Langkah 7: Tambah item untuk pemain mengumpul 112
5.9 Langkah 8: Tambah musuh 113
5.10 Langkah 9: Tambah prop meningkatkan keupayaan 115
5.11 Langkah 10: Tambah mekanisme penentuan kemenangan atau kekalahan dan paparkan maklumat permainan 116
5.12 Ringkasan 118
Bab 6 Permainan Pergaduhan 120
6.1 Langkah pertama: mengenali permainan.js 120
6.2 Langkah 2: Lukis setiap sprite dalam helaian sprite secara individu 123
6.3 Langkah 3: Proses input daripada dua pemain 124
6.4 Langkah 4: Pergerakan dan Transformasi 127
6.5 Langkah 5: Jangan biarkan input dua pemain menghalang satu sama lain 130
6.6 Langkah 6: Gunakan topeng bit untuk merekodkan status butang 134
6.7 Langkah 7: Gunakan topeng untuk mengesan perlanggaran 137
6.8 Langkah 8: Biarkan dua watak permainan menyerang antara satu sama lain 140
6.9 Ringkasan 145
Bab 7 Permainan Menembak Penerbangan 146
7.1 Pengetahuan persediaan berkaitan rendering 146
7.2 Langkah pertama: mengenali gameQuery 148
7.3 Langkah 2: Tambah “pesawat musuh” 150
7.4 Langkah 3: Cipta pejuang anda sendiri 153
7.5 Langkah 4: Mengendalikan perlanggaran antara pemain dan musuh 156
7.6 Langkah 5: Peluru Api 157
7.7 Langkah Enam: Sediakan pemain dengan pelbagai jenis senjata 159
7.8 Ringkasan 162
Bab 8 Penembak Orang Pertama 164
8.1 Langkah pertama: mengenali Jaws 164
8.2 Langkah 2: Cipta peta dua dimensi 166
8.3 Langkah Ketiga: Tambah Pemain 169
8.4 Langkah 4: Lukis pandangan atas menggunakan teknologi tuangan sinar 173
8.5 Langkah 5: Gunakan teknologi unjuran cahaya untuk mencapai kesan pseudo-3D 177
8.6 Langkah 6: Lengkapkan pemain dengan kamera 180
8.7 Langkah 7: Hiaskan adegan permainan 184
8.8 Langkah 8: Tambah rakan 188
8.9　Ringkasan 195
Bab 9 Permainan Main Peranan 197
9.1 Langkah pertama: mengenali enchant.js 197
9.2 Langkah 2: Buat peta 199
9.3 Langkah Ketiga: Tambah Pemain 202
9.4 Langkah 4: Tambah lapisan perlanggaran 207
9.5 Langkah 5: Lukis skrin status 209
9.6 Langkah Keenam: Bercakap dengan NPC 212
9.7 Langkah 7: Lukis bar prop 215
9.8 Langkah 8: Buka kedai prop 218
9.9 Langkah 9: Laksanakan antara muka pertempuran 226
9.10 Langkah 10: Simpan kemajuan permainan melalui storan tempatan HTML5 API 236
9.11 Ringkasan 238
Bab 10 Permainan Strategi Masa Nyata 240
10.1 Pelayan 240
10.2 Langkah 1: Konfigurasikan Nod 243
10.3 Langkah 2: Gunakan socket.io untuk mencapai komunikasi segera 246
10.4 Langkah 3: Buat peta Isometrik dengan crafty.js 249
10.5 Langkah 4: Lukiskan buah catur 251
10.6 Langkah 5: Gerakkan buah catur 255
10.7 Langkah Keenam: Benarkan pemain hanya mengawal kepingan mereka sendiri dan menyembunyikan corak pada kepingan lawan 258
10.8 Langkah 7: Laksanakan pengesanan perlanggaran supaya pemain dapat menangkap kepingan lawan dan melihat corak mereka 264
10.9 Ringkasan 268
Bab 11 Bagaimana untuk terus meningkatkan tahap pembangunan permainan 270
11.1 Kandungan yang telah dibincangkan dalam buku ini 270
11.2 Apa yang perlu dipelajari seterusnya 271
Lampiran A Asas JavaScript 273
Lampiran B Kod Kawalan Kualiti 280
Lampiran C Sumber 285