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

Déclaration de ce site Web
Toutes les ressources de ce site Web sont fournies et publiées par des internautes, ou réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel?! Toutes les ressources de ce site Web sont uniquement destinées à l’apprentissage et à la référence. Merci de ne pas les utiliser à des fins commerciales, sinon vous serez responsable de toutes les conséquences encourues ! En cas d'infraction, veuillez nous contacter pour la supprimer et la supprimer. Coordonnées : admin@php.cn

Recommandations associées

Modèle de site Web de plats cuisinés à la main

Le modèle de site Web de modèle de site Web de produits cuits à la main est un modèle de site Web qui fournit divers modèles de sites Web de promotion de produits cuits à la main à télécharger. Astuce?: Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2023-10-30

Modèle de site Web d'entreprise de services de rédaction d'intelligence artificielle moderne

Le modèle de site Web d'entreprise de service de rédaction d'intelligence artificielle moderne est un modèle de site Web promotionnel d'entreprise à télécharger qui fournit des services de rédaction d'intelligence artificielle. Astuce?: Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2023-10-30

Modèle de site Web de studio de service de solution de planification de solutions

Le modèle de site Web du studio de service de solution de planification de plans est un modèle de site Web promotionnel d'entreprise à télécharger qui fournit divers services de plan de planification. Astuce?: Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2023-10-30

Modèle de site Web pour entreprise de services de conseil aux entreprises intelligentes

Le modèle de site Web d'entreprise de services de conseil aux entreprises intelligent est un modèle de site Web promotionnel d'entreprise à télécharger qui fournit divers services de conseil aux entreprises. Astuce?: Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2023-10-25

Modèle de site Web promotionnel pour fournisseur de solutions informatiques

Le modèle de site Web promotionnel du fournisseur de solutions informatiques est un modèle de site Web promotionnel à télécharger adapté aux entreprises qui fournissent diverses solutions technologiques informatiques. Astuce?: Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2023-10-25

Modèle de site Web de service de blockchain d'entreprise HTML5

Le modèle de site Web de service de blockchain d'entreprise HTML5 est un téléchargement de modèle de site Web promotionnel d'entreprise qui fournit des services de blockchain aux entreprises. Astuce?: Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2023-10-24

Modèle de site Web d'éducation à la culture religieuse indienne

Le modèle de site Web d'éducation religieuse et culturelle indienne est un modèle de site Web à télécharger adapté aux services de publicité religieuse, culturelle et éducative indienne. Astuce?: Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2023-10-24

Modèle de site Web d'entreprise de solutions informatiques de style violet minimaliste

Le modèle de site Web d'entreprise de solution informatique de style violet minimaliste est un modèle de site Web qui permet le téléchargement de modèles de site Web de modèle de site Web promotionnel d'entreprise de solution T. Astuce?: Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2023-10-24

Recommandations populaires

Code source du site entier du système de gestion de combat_teaching réel TP5

Cet ensemble de tutoriels utilise un véritable système de gestion pédagogique scolaire comme exemple pour vous apprendre étape par étape comment développer rapidement un projet commercial en utilisant le framework ThinkPHP5 sur un morceau de livre blanc, en partant de zéro, vous permettant de démarrer rapidement avec TP5. le développement de projets. .

Tableau récapitulatif des fonctions communes PHP

Fonctions couramment utilisées en PHP, fonctions souvent utilisées lors du développement

PHP pratique Tianlongbabu imitation iQiyi film site Web didacticiel

PHP pratique Tianlongbabu imitation iQiyi film site Web didacticiel

Code source de développement de sites Web d'entreprise TP5

Le package ? Cours de développement rapide de sites ThinkPHP5 Enterprise Site ? de ce site

Tutoriel vidéo de la version officielle de Thinkphp6.0

Tutoriel vidéo de la version officielle de Thinkphp6.0

modèle de blog thinkphp3.2.3

modèle de blog thinkphp3.2.3

Didacticiel lié au développement pratique du système général de gestion backend (Thinkphp6+Layui)

Didacticiel lié au développement pratique du système de gestion général du backend (Thinkphp6+Layui)

Code source du didacticiel vidéo pratique du projet de centre commercial ThinkPHP5

Code source du didacticiel vidéo pratique du projet de centre commercial ThinkPHP5

Code source d'enseignement pour les jours 49 à 58

Code source d'enseignement pour les jours 49 à 58

Code source du projet Live class_Blog

Code source du projet Live class_Blog