Écrire un jeu push box avec JS et H5-js tutoriel-php.cn

Écrire un jeu push box avec JS et H5

小云云

Libérer： 2018-03-17 16:24:49

original

2094 Les gens l'ont consulté

Le jeu de la boîte à pousser est un jeu populaire il y a de nombreuses années (beaucoup de gens y jouent encore maintenant). Le but du jeu est très simple, c'est-à-dire pousser la boîte et pousser tout le monde. les cases. Lorsque vous atteignez la destination, le jeu est réussi : cela semble être une logique simple, mais c'est en fait assez difficile, je me suis également appuyé sur l'aide des autres pour le terminer. en utilisant js et html5 (par souci de commodité, nous le remplacerons par un cercle rose) :

Exigences de capacité

JavaScript. , canevas HTML, idées de base orientées objet, logique de programmation raisonnable.

2. Ordre d'écriture

Fichier 1.pushBox.html

Fichier 2.pojo.js (utilisé pour stocker tous les objets)

Fichier 3.paint.js (utilisé pour écrire des dessins déclarations)

Fichier 4.game.js (utilisé pour écrire la partie logique en cours d'exécution)

Fichier 5.allLevels.js (utilisé pour stocker les niveaux)

*Remarque : ceci est mon habitude d'écriture, divisée par contenu et fonction Séparez chaque catégorie . Si vous avez une meilleure façon de l'écrire, veuillez commenter

3. Commencez à écrire

1. Créez une pushBox de base. .html :

Le contenu est très simple. Le fichier n'a besoin que de la balise

<body>
	<canvas id=&#39;can1&#39; width=1536 height=733></canvas>
	<audio id="walk" autoplay></audio>
	<audio id="push" autoplay></audio>
	<audio id="win" autoplay></audio>
</body>

Copier après la connexion

Derniers articles par auteur