Maison  >  Article  >  programmation quotidienne  >  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)

藏色散人
藏色散人original
2019-01-03 14:58:516395parcourir

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);

}

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:
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