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='can1' width=1536 height=733></canvas> <audio id="walk" autoplay></audio> <audio id="push" autoplay></audio> <audio id="win" autoplay></audio> </body>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
