H5 キャンバスはスネーク ゲームを実装します

今回は、H5 キャンバスを使用してスネーク ミニ ゲームを実装する方法について説明します。 以下は、H5 キャンバスを使用してスネーク ミニ ゲームを実装する際の注意点です。 この記事では、H5 キャンバスでのスネーク ゲームの実装を紹介し、皆さんと共有します。詳細は次のとおりです:

実装の効果は次のとおりです

実装のアイデア:

ps: これは単なるアイデアです。詳細はコードのコメントを参照してください

1. まずヘビを描画します

ヘビの構造を定義し、配列を使用してヘビの頭を含む多数の長方形を保存します（赤）とヘビ本体（グレー）。
ヘビの描き方（初期状態）

2.ヘビは動かせる（要所）

ヘビの動き方：最初から最後までヘビの頭だけが動いています
スネークヘッドが重なる位置で灰色の正方形を描画します
このブロックをスネークヘッドの1つ後ろの位置に配列に挿入しますarrar.splice(0,1,rect)
最後のブロックを切り取りますarray.pop( )
スネークヘッドをセットに移動します 1 つのグリッドを固定方向に移動します

方向 (
2. 方向

   ) を保存するには変数が必要です

方向に従って移動し、次の位置で 1 つのグリッドを移動します一回
ボタンに従って方向を変えます

3. ランダムに餌を置く

餌の位置をランダムにする必要があります
餌がヘビの上にあるかどうかを判断する必要があります。

4. 食べ物を食べる

食べ物が蛇の頭と重なっているかどうかを判断します
配列に要素を追加します（要素を 1 つ減らすことは、要素を 1 つ追加することを意味します）
新しい食べ物を生成する
5. ゲームオーバー

壁にぶつかったときの判断

1. この記事の事例を読んで、あなたはその方法をマスターしたと思います。情報については、php 中国語 Web サイトの他の関連記事にご注目ください。
2. 推奨読書:

ドラッグ アンド ドロップで並べ替えるための H5 ドラッグ アンド ドロップ API

html5 で新しく追加されたタグとは何ですか

以上がH5 キャンバスはスネーク ゲームを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。