"Les secrets du développement de jeux Web"

Il sélectionne 10 types de jeux courants et fournit une analyse approfondie des techniques de sélection des moteurs de jeu et des outils à travers des exemples typiques. Il explique en détail le processus de production de chaque jeu, fournissant un guide systématique et pratique pour maîtriser rapidement le développement de jeux Web.

Conseils pour le développement de jeux Web Table des matières :

Préface du traducteur
Avant-propos
Présentation
Chapitre 1 Jeu de quiz 1
1.1 Première étape : Question 1
1.2 Étape 2 : Question cachée 8
1.3 Étape 3 : Reproduire la question 9
1.4 Étape 4 : Présenter diverses bibliothèques de programmes 11
1.5 Étape 5 : Déterminer si la réponse choisie par le joueur est correcte 15
1.6 Résumé 19
Chapitre 2 Jeu d'aventure textuelle 20
2.1 La première étape : Concevoir le style de page 21
2.2 Étape 2 : Implémenter le saut de page 25
2.3 Étape 3 : Ajouter une barre d'accessoires et une fonction glisser-déposer d'accessoires 27
2.4 Étape 4 : Ajouter des fonctions interactives complexes 35
2.5 Étape 5 : Ajouter la fonction de navigation dans l'historique 44
2.6 Étape 6 : Ajoutez une merveilleuse fin 46
2.7 Résumé 48
Chapitre 3 Jeux de société 50
3.1 Première étape : créez un exemple de jeu à l'aide d'atom.js 50
3.2 Étape 2 : Dessiner avec l'élément canevas 56
3.3 Troisième étape : dessiner le trou du rat 58
3.4 Étape 4 : Dessinez la taupe 60
3.5 Étape 5 : Mettez la taupe dans le trou de la souris 63
3.6 Étape 6 : Faire sortir la taupe du trou 65
3.7 Étape 7 : Permettez aux joueurs de combattre les taupes en appuyant sur le clavier 67
3.8　La balise [audio] de HTML5 n'est pas satisfaisante 70
3.9 Résumé 72
Chapitre 4 Jeu de réflexion 73
4.1 Étape 1 : Utilisez Easel.js pour rendre 74
4.2 Étape 2 : Rendre plusieurs blocs 78
4.3 Étape 3 : Créer des paires de blocs de la même couleur 81
4.4 Étape 4 : Faites correspondre et éliminez les blocs de la même couleur 83
4.5 Étape 5 : Masquer et retourner les images 85
4.6 Étape 6 : Détermination du résultat 87
4.7 Septième étape : mise en cache et optimisation des performances 91
4.8 Étape 8 : Changez le jeu de correspondance de blocs en un jeu de reconnaissance de lettres 93
4.9 Résumé 99
Chapitre 5 Jeu de plateforme 100
5.1 Première introduction à melon.js 100
5.2 Première étape : créer une carte de tuiles 101
5.3 Étape 2 : Démarrer le jeu 102
5.4 Étape 3 : Ajouter des personnages de jeu 105
5.5 Étape 4 : Créer la couche de collision 107
5.6 Cinquième étape : Marcher et sauter 108
5.7 Sixième étape : Écran titre 110
5.8 Étape 7 : Ajoutez des objets que les joueurs pourront collecter 112
5.9 Étape 8 : Ajouter des ennemis 113
5.10 Étape 9 : Ajouter des accessoires améliorant les capacités 115
5.11 Étape 10 : Ajouter un mécanisme de détermination de victoire ou de défaite et afficher les informations de jeu 116
5.12 Résumé 118
Chapitre 6 Jeu de combat 120
6.1 La première étape : découvrir game.js 120
6.2 Étape 2 : Dessinez chaque sprite dans la feuille de sprite individuellement 123
6.3 Étape 3 : Traiter les entrées de deux joueurs 124
6.4 Étape 4 : Mouvement et transformation 127
6.5 Étape 5 : Ne laissez pas les entrées des deux joueurs se bloquer 130
6.6 Étape 6 : Utilisez le masque de bits pour enregistrer l'état du bouton 134
6.7 Étape 7 : Utiliser un masque pour détecter les collisions 137
6.8 Étape 8 : Laissez les deux personnages du jeu s'attaquer 140
6.9 Résumé 145
Chapitre 7 Jeu de tir en vol 146
7.1 Connaissances préparatoires liées au rendu 146
7.2 La première étape : découvrir gameQuery 148
7.3 Étape 2 : Ajouter « avion ennemi » 150
7.4 Étape 3 : Créez votre propre combattant 153
7.5 Étape 4 : Gérer les collisions entre joueurs et ennemis 156
7.6 Cinquième étape : tirer des balles 157
7.7 Sixième étape : Fournir aux joueurs une variété d'armes 159
7.8 Résumé 162
Chapitre 8 Jeu de tir à la première personne 164
8.1 La première étape : découvrir Jaws 164
8.2 Étape 2 : Créer une carte bidimensionnelle 166
8.3 Troisième étape : ajouter des joueurs 169
8.4 Étape 4 : Dessinez une vue de dessus à l'aide de la technologie de lancer de rayons 173
8.5 Étape 5 : Utiliser la technologie de projection de lumière pour obtenir un effet pseudo-3D 177
8.6 Étape 6 : Equiper les joueurs de caméras 180
8.7 Étape 7 : Décorer la scène de jeu 184
8.8 Étape 8 : Ajouter des compagnons 188
8.9 Résumé 195
Chapitre 9 Jeu de rôle 197
9.1 La première étape : découvrir enchant.js 197
9.2 Étape 2 : Créer une carte 199
9.3 Troisième étape : ajouter des joueurs 202
9.4 Étape 4 : Ajouter la couche de collision 207
9.5 Étape 5 : Écran d'état du dessin 209
9.6 Sixième étape : Parlez au PNJ 212
9.7 Étape 7 : Dessinez la barre d'étai 215
9.8 Étape 8 : Ouvrir un magasin d'accessoires 218
9.9 Étape 9 : Implémenter l'interface de combat 226
9.10 Étape 10 : Stockez la progression du jeu via l'API de stockage local 236 de HTML5
9.11 Résumé 238
Chapitre 10 Jeu de stratégie en temps réel 240
10.1 Serveur 240
10.2 Étape 1 : Configurer le nœud 243
10.3 Étape 2 : Utilisez socket.io pour obtenir une communication instantanée 246
10.4 Étape 3 : Créer une carte isométrique avec crafty.js 249
10.5 Étape 4 : Dessinez les pièces d'échecs 251
10.6 Étape 5 : Déplacez la pièce d'échecs 255
10.7 Étape six : Autoriser les joueurs à contrôler uniquement leurs propres pièces et à masquer les motifs sur les pièces de l'adversaire 258
10.8 Étape 7 : Implémenter la détection de collision afin que les joueurs puissent capturer les pièces de l'adversaire et voir leurs motifs 264
10.9 Résumé 268
Chapitre 11 Comment continuer à améliorer le niveau de développement du jeu 270
11.1 Contenu déjà abordé dans ce livre 270
11.2 Ce qu'il faut apprendre ensuite 271
Annexe A Notions de base de JavaScript 273
Annexe B Contrôle qualité du code 280
Annexe C Ressources 285