-
属性:宽、高;背景颜色
方法:显示食物;删除食物。 属性:每截身体的宽、高;移动的方向;每截身体的x、y坐标和颜色
方法:显示小蛇;小蛇的移动;删除小蛇。
洇为小蛇和食物都是相对于地图显示的所以小蛇和食物都是地图的子元素是随机位置显示的,所以食物和小蛇需要脱离文档流(设置样式position: absolute)地图也需要脱离文档流(设置样式position: relative)。
- 通过WASD || ↑←↓→控制蛇的移动方向;
- 吃食物吃到一个食物小蛇的身体长度加1;
- 蛇撞到地图边堺则游戏结束;
- 蛇吃到自己则游戏结束;
- 允许掉头、不允许后退;
- 要避免食物出现在蛇身所在位置。
谢谢您的查看希望能对您有所帮助!