今回は、H5 キャンバスを使用してスネーク ミニ ゲームを実装する方法について説明します。 以下は、H5 キャンバスを使用してスネーク ミニ ゲームを実装する際の注意点です。 この記事では、H5 キャンバスでのスネーク ゲームの実装を紹介し、皆さんと共有します。詳細は次のとおりです:
実装の効果は次のとおりです
実装のアイデア:
ps: これは単なるアイデアです。詳細はコードのコメントを参照してください
1. まずヘビを描画します
ヘビの構造を定義し、配列を使用してヘビの頭を含む多数の長方形を保存します(赤)とヘビ本体(グレー)。 ヘビの描き方(初期状態)
2.ヘビは動かせる(要所)
ヘビの動き方:最初から最後までヘビの頭だけが動いています スネークヘッドが重なる位置で灰色の正方形を描画します このブロックをスネークヘッドの1つ後ろの位置に配列に挿入しますarrar.splice(0,1,rect) 最後のブロックを切り取りますarray.pop( ) スネークヘッドをセットに移動します 1 つのグリッドを固定方向に移動します
方向 (- 方向
) を保存するには変数が必要です
方向に従って移動し、次の位置で 1 つのグリッドを移動します一回 ボタンに従って方向を変えます
3. ランダムに餌を置く
餌の位置をランダムにする必要があります 餌がヘビの上にあるかどうかを判断する必要があります。
4. 食べ物を食べる
食べ物が蛇の頭と重なっているかどうかを判断します 配列に要素を追加します(要素を 1 つ減らすことは、要素を 1 つ追加することを意味します) 新しい食べ物を生成する 5. ゲームオーバー
壁にぶつかったときの判断
-
この記事の事例を読んで、あなたはその方法をマスターしたと思います。情報については、php 中国語 Web サイトの他の関連記事にご注目ください。
- 推奨読書:
ドラッグ アンド ドロップで並べ替えるための H5 ドラッグ アンド ドロップ API
html5 で新しく追加されたタグとは何ですか
以上がH5 キャンバスはスネーク ゲームを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。