「Don't Step on White Blocks」ゲームをネイティブjsで実裝する方法については、これまでの連載記事や動畫で詳しく解説してきましたので、ご參考になれば幸いです。興味のある友達が助けてくれます。

#このセクションでは主に、白いブロックを踏まないゲームの最後の部分の js メソッドを紹介します。

白いブロックを踏まないでくださいゲームの完全なコードについては、「白いブロックを踏まないでくださいゲームのネイティブ JS 実裝 (1)」を參照してください。 "

関連する JS コードは次のとおりです:

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

    if (main.children.length) {

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

        main.innerHTML = '';

    }

    //清空計分

    count.innerHTML = '游戲開始';

    //隱藏開始盒子

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

    move(main);

}

このコードは主に、div の「go」をクリックしたとき、つまり「クリックして開始」したときに、一連の関數(shù)と上記のコード內(nèi)のメソッドが呼び出されます。

上記のメソッドでは、main の下に行がある場合、つまりゲーム領(lǐng)域に正方形の要素が並んでいる場合、main を渡します。 .innerHTML = ''、メインのすべてのボックスを強制的にクリアします。そしてスコアをクリアし、「ゲームスタート」を表示し、「クリックしてスタート」を非表示にするように設(shè)定します。次に、move メソッドを呼び出すと、move メソッド內(nèi)で CDiv メソッドが呼び出されます。このようにして、動的メソッド ループにより、「白いブロックを踏まないでください」ゲームを?qū)g現(xiàn)できます。

移動方法と CDiv 方法については、以前の記事でも詳しく紹介していますので、困っている方は以下の関連記事を參照してください。

関連記事：

《 ネイティブJSで実裝した白いブロックゲームを踏まないでください(2)》

《 ドンネイティブ JS ホワイト ブロック ゲームの実裝 (3)>>

ホワイト ブロック ゲームのネイティブ JS 実裝 (4)》

《 ネイティブ JS で「白いタイルを踏まないでください」のミニゲームを?qū)g現(xiàn) (5)》

《 Native JS で「白いタイルを踏まないでください」のミニゲームを?qū)g現(xiàn) (6)》

《 Native JS で「白いタイルを踏まないでください」のミニゲームを?qū)g現(xiàn)白いブロックを踏まないでください (7) 》

白いブロックを踏まないでくださいというミニゲームをネイティブ JS が実現(xiàn)します ( 8) 》

《 ネイティブ JS 実裝で白いブロックを踏まないでください (9)》

この記事はネイティブ JS の実裝についてです。白いブロックを踏む方法は実際には非常に簡単なので、興味のある友達に役立つことを願っています。

以上がネイティブ JS が白いブロックを踏まないゲームを?qū)g裝 (11)の詳細內(nèi)容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。