Useless Web

無用的網絡

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

遊戲描述

此JavaScript代碼是一個簡單的蛇遊戲的一部分，該遊戲在該遊戲中移動屏幕，吃食物並長度長。代碼定義了蛇的行為，從箭頭鍵中處理輸入，並在屏幕上顯示遊戲的狀態。

代碼分解

初始化遊戲板：

使用其各自的DOM ID選擇gameBoard ， score1 ， score2 。遊戲板的尺寸是根據屏幕尺寸計算得出的，分為30px單元格。通過通過尺寸循環循環創建網格，每個單元格由複選框輸入表示。然後，遊戲板用行和牢房填充。

設置遊戲變量：

蛇的direction ， length ， starting position ， speed和其他必要的變量被定義。還為易於蛇移動而創建了指向數組索引和操作的方向。檢查蛇的起始位置：

在遊戲板上檢查了蛇的起始位置。

創造食物：

checkRandomCellAsFood功能將食物放置在遊戲板上的隨機位置，以確保食物不會在蛇本身上產生。

遊戲開始：

“開始”按鈕啟動了遊戲。 updatePosition功能更新了蛇的視覺位置，並處理蛇吃食物或遇到其他各種遊戲條件的邏輯。蛇運動和顏色改變：

蛇的運動由箭頭鍵控制。使用getRandomColor函數生成隨機顏色，以實現造型。

在條件下的遊戲：

如果蛇脫離界限或陷入自身，遊戲結束了。 gameOver函數被調用以在方案中處理遊戲。

遊戲超出顯示：

uncheckAll功能取消選中所有單元，清除板。 printGameOverWithCheckbox函數使用檢查復選框在遊戲板上打印“ Game Over”。

依賴性

此代碼不需要外部庫或依賴項。它純粹是在香草javascript上運行的。