js贪吃蛇

效果展示

 

1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后！获取html内容

2先做一个框架来包裹开始按钮和键盘移动得div和随机刷新的食物然后在框架外面做一个分数

 

3给框架，按钮，食物和蛇属性

 

4写js样式开始按钮被按下获取蛇，食物和分数，显示蛇和食物隐藏按钮然后食物刷新到25倍数的随机位置,提前声明间隔定时器，然后做防暴力点击

5判断键盘w,a,s,d键和↑↓←→是否被按下

 

 

 

6判断有没有出边界未出边界继续移动

7判断蛇和食物的top和left是否一样然后再刷新食物位置加一分

 

 

小结：这次的贪吃蛇是利用math随机数来做食物的位置,间隔定时器来制作蛇的行动，但是不足有很多比如没做蛇吃东西变长的功能还有制作难度。新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！