Useless Web

役に立たないウェブ

https://williamphk.github.io/useless-web/

ゲームの説明

このJavaScriptコードは、ヘビが画面上を移動し、食べ物を食べ、長さが成長するシンプルなヘビゲームの一部です。コードは、ヘビの動作を定義し、矢印キーからの入力を処理し、画面にゲームのステータスを表示します。

コードの内訳

ゲームボードの初期化：

gameBoard 、 score1 、 score2は、それぞれのDOM IDを使用して選択されます。ゲームボードの寸法は、30pxセルに分割された画面サイズに基づいて計算されます。グリッドは、各セルがチェックボックス入力で表され、寸法をループすることによって作成されます。ゲームボードには、行とセルが入力されます。

ゲーム変数の設定：

ヘビのdirection 、 length 、 starting position 、 speed 、およびその他の必要な変数が定義されています。アレイインデックスと操作への方向のマッピングも、簡単なヘビの動きのために作成されます。ヘビの開始位置を確認します：

ヘビの開始位置は、ゲームボードでチェックされます。

食べ物の作成：

checkRandomCellAsFood機能は、ゲームボードのランダムな場所に食物を配置し、食物がヘビ自体に生成されないようにします。

ゲームの開始：

「開始」ボタンがゲームを開始します。 updatePosition機能は、ヘビの視覚位置を更新し、ヘビが食べ物を食べたり、他のさまざまなゲーム条件に遭遇したりするときのロジックを処理します。ヘビの動きと色の変化：

ヘビの動きは矢印キーによって制御されます。スタイリング目的でgetRandomColor関数を使用してランダムな色が生成されます。

条件オーバーゲーム：

ヘビが境界から外れたり、それ自体に走ったりすると、ゲームは終了します。 gameOver関数は、シナリオでゲームを処理するために呼び出されます。

ディスプレイオーバーゲーム：

uncheckAll関数はすべてのセルをチェックし、ボードをクリアします。 printGameOverWithCheckbox関数は、チェックされたチェックボックスを使用してゲームボードに「ゲームオーバー」を印刷します。

依存関係

このコードには、外部ライブラリまたは依存関係は必要ありません。純粋にバニラJavaScriptで実行されます。