Introduction détaillée à cnGameJS

Étant donné que l'ensemble du jeu se déroule dans une boucle de jeu, la boucle de jeu peut être considérée comme la partie centrale du jeu. À chaque passage de la boucle, les propriétés de l'objet du jeu sont mises à jour et les éléments du jeu sont dessinés. Comme mentionné dans l'article précédent sur le chargement des ressources, une fois le chargement des ressources terminé, une boucle de jeu sera lancée au démarrage du jeu. Passons maintenant en revue cette partie du code : /***Programme de traitement pour l'achèvement du chargement de l'image **/. var imgLoad=fonction(soi){         fonction de retour(){ &

1. Enregistrement de développement cnGameJS du cadre de jeu HTML5 - Boucle de jeu

Introduction : Puisque l'ensemble du jeu se joue dans une boucle de jeu, la boucle de jeu peut être considérée comme la partie centrale du jeu. À chaque passage de la boucle, les propriétés de l'objet du jeu sont mises à jour et les éléments du jeu sont dessinés.

2. Enregistrement de développement cnGameJS du framework de jeu HTML5 - Objet Elf

Introduction : L'objet dit elfe est un élément ayant un comportement dans le jeu. En prenant Super Mario comme exemple, Mary et l'ennemi sont tous considérés comme un objet elfe. Dans le framework cnGameJS, l'objet sprite présente les caractéristiques suivantes :

3 HTML5 Game Framework cnGameJS Development Record - Game Map Object

Introduction : L'objet de carte de jeu convient aux jeux tels que les batailles de chars et les boîtes à poussée. Les cartes de ces jeux sont composées de petites grilles. Ce type de carte peut être facilement généré à l'aide de l'objet carte du jeu.

4. Dossier de développement du framework de jeu HTML5 cnGameJS - module graphique de base

Introduction : Ce module est également très simple et comprend principalement le dessin de trois graphiques de base : du texte rectangulaire et circulaire. Nous encapsulons chaque image en mode constructeur. Par exemple, lorsque nous devons dessiner un objet rectangulaire, nous créons d'abord un nouvel objet rectangulaire, puis appelons la méthode draw de l'objet à dessiner. Par exemple :

5. Enregistrement de développement cnGameJS du cadre de jeu HTML5 - module d'entrée externe

Introduction : Dans les jeux, nous utilisons souvent des opérations comme celle-ci : lorsque la souris clique sur une certaine position, l'objet joueur se déplace vers cette position, ou lorsque les touches de direction de la souris sont enfoncées, le joueur se déplace dans des directions différentes, etc. Toutes ces opérations impliquent de gérer des périphériques d’entrée externes. En tant que concepteurs de jeux, nous devons connaître à tout moment la position actuelle de la souris, l'état des clics du clavier, etc., afin de pouvoir contrôler facilement les éléments du jeu. Par conséquent, en tant que framework de jeu, les modules d’entrée externes sont également essentiels.

6. Enregistrement de développement cnGameJS du cadre de jeu HTML5 - module de détection de collision

Introduction : Le contrôle de collision de ce module est limité à la détection entre des points et des rectangles, des rectangles (parallèles) et des rectangles, des points et des cercles, des cercles et des cercles, donc ce module est également très simple, il suffit de prendre un aperçu du code :

7. Dossier de développement du framework de jeu HTML5 cnGameJS - implémentation des principes d'animation

Introduction : Dans les jeux, les effets d'animation des personnages du jeu sont une partie essentielle du jeu. Dans cette section, nous prenons comme exemple la construction des personnages de Super Mario pour expliquer l'implémentation de l'animation dans cnGameJS.

8. Enregistrement de développement cnGameJS du cadre de jeu HTML5 - exemples de code du module de fonction de base

Introduction : La fonction principale du module fonctionnel de base est de faciliter le développement ultérieur du framework et le développement utilisateur des jeux. L'ensemble du framework est fermé pour éviter toute interférence avec la portée mondiale. Après cela, chaque module différent se trouve dans sa propre fermeture, ce qui rend la séparation des différents modules plus claire. Par conséquent, la division des modules de notre framework sera la suivante :

9 Enregistrement de développement cnGameJS du framework de jeu HTML5 - explication détaillée du code du module de chargement des ressources.

Introduction : Ce module est l'entrée du jeu. Nous chargeons les ressources via ce module et appelons la fonction d'entrée de l'objet du jeu. une fois le chargement des ressources terminé. De plus, ce module comprend également la commutation entre les scènes de jeu, ainsi que le calcul et l'affichage du pourcentage de chargement.

10. Enregistrement de développement cnGameJS du framework de jeu HTML5 - objet de scène de jeu

Introduction : Les objets de scène sont différents des objets de carte présentés dans l'article précédent. Ils sont utilisés dans différents types de jeux. Les objets cartographiques précédents étaient utilisés dans des jeux de grille, tels que Sokoban et Tank Battle. Les objets de scène présentés dans cette section conviennent aux jeux avec des scènes spécifiques, comme Super Mario, Dinosaur Kombat, etc. Ce type de jeu contrôle généralement un objet joueur dans une scène 2D. À mesure que le joueur se déplace, la scène se déplace en conséquence.

【Recommandations de questions et réponses associées】 :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!