Nous avons expliqué étape par étape comment implémenter le jeu Don't Step on White Blocks en utilisant du js natif dans l'article précédent.
Maintenant, nous allons continuer à combiner l'article précédent "Native JS pour implémenter le jeu Ne marchez pas sur le bloc blanc (8) " pour vous présenter le jeu Ne marchez pas sur le bloc blanc. La méthode spécifique de mise en œuvre des effets de mouvement dans les mini-jeux.
Le code js pertinent est le suivant :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
|
Nous avons expliqué comment utiliser l'instruction if pour déterminer la valeur de top dans l'article précédent.
Ici, nous continuons à expliquer le code suivant. Dans le code ci-dessus, une autre déclaration de jugement if apparaît. L'instruction if ici est utilisée pour déterminer si la longueur de la "ligne" div sous main est de 6, c'est-à-dire 6 lignes de divs. Si elle est de 6 (obj.children.length== 6), la boucle d'instruction for est. utilisé pour déterminer si la longueur de chaque ligne (y compris 4 divs), s'il y a un carré coloré (div de classe "i").
S'il y a i, le jeu est terminé, puis calculez le score et restaurez la valeur supérieure à -150px, puis fermez le timer clearInterval(obj.timer), réglez l'affichage pour démarrer le jeu.
En raison de la longueur de l'article, cet article vous le présentera ici. Dans les articles ultérieurs, nous continuerons à vous présenter la méthode de mise en œuvre du ne pas marcher sur le bloc blanc. jeu utilisant js natif.
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) "
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!