Maison programmation quotidienne connaissance HTML Native JS implémente le jeu Ne marchez pas sur les blocs blancs (11)

Native JS implémente le jeu Ne marchez pas sur les blocs blancs (11)

Jan 03, 2019 pm 02:58 PM

Comment implémenter le jeu Don't Step on White Blocks en utilisant du js natif Nous avons expliqué la méthode d'implémentation en détail à travers la série précédente d'articles et de vidéos. Nous espérons que les amis intéressés le feront. avoir quelques connaissances.

Native JS implémente le jeu Ne marchez pas sur les blocs blancs (11)

Cette section vous présente principalement la méthode js de la dernière partie du jeu Ne marchez pas sur les blocs blancs.

Pour le code complet du jeu Don't Step on the White Blocks, veuillez vous référer à : "Implémentation Native JS du jeu Don't Step on the White Blocks (1) "

Le code js pertinent est le suivant :

go.children[0].onclick = function () {

    if (main.children.length) {

        //暴力清楚main里面所有盒子

        main.innerHTML = '';

    }

    //清空计分

    count.innerHTML = '游戏开始';

    //隐藏开始盒子

    this.parentNode.style.display = "none";

    move(main);

}
Copier après la connexion

Ce code signifie principalement que lorsque l'on clique sur le div "go", c'est-à-dire "cliquez pour démarrer", une série de les fonctions et méthodes du code ci-dessus seront appelées.

Native JS implémente le jeu Ne marchez pas sur les blocs blancs (11)

Dans la méthode ci-dessus, s'il y a des lignes sous main, c'est-à-dire lorsqu'il y a des lignes d'éléments carrés dans la zone de jeu, nous passons main.innerHTML = '', Efface violemment toutes les cases du fichier principal. Et effacez le score, configurez pour afficher « Démarrage du jeu » et masquez « Cliquez pour démarrer ». Appelez ensuite la méthode move, et la méthode CDiv sera appelée dans la méthode move. De cette façon, la boucle de méthode dynamique peut réaliser le jeu « Ne marchez pas sur les blocs blancs ».

Concernant les méthodes de déménagement et CDiv, nous les avons présentées en détail dans les articles précédents. Les amis dans le besoin peuvent se référer aux articles connexes suivants.

Articles associés :

Implémentation JS native du jeu Ne marchez pas sur les blocs blancs (2)

Native JS implémentation du jeu Don't Step on White Block White Block (3)

Implémentation JS native du jeu Don't Step on White Block (4)

Native JS réalise le mini-jeu de Ne marchez pas sur les carreaux blancs (5)

Native JS réalise le mini-jeu de Ne pas marcher sur les carreaux blancs (6)

Native JS réalise le mini-jeu de Ne pas marcher dessus les tuiles blanches (7)

Native JS implémente le mini-jeu de ne pas marcher sur les tuiles blanches (8)

Native JS implémente le jeu Ne pas marcher sur le bloc blanc (9)

Cet article concerne l'implémentation native en js de Ne pas marcher sur le blanc blocs L'introduction à la méthode consistant à marcher sur des blocs blancs est en fait très simple, j'espère qu'elle sera utile aux amis intéressés !

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)