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上运行的。