效果展示
1打开Visual Studio Code然后CTRL+n新建然后把文件设置成HTML然后!获取html内容
2先做一个框架来包裹开始按钮和键盘移动得div和随机刷新的食物然后在框架外面做一个分数
3给框架,按钮,食物和蛇属性
4写js样式开始按钮被按下获取蛇,食物和分数,显示蛇和食物隐藏按钮然后食物刷新到25倍数的随机位置,提前声明间隔定时器,然后做防暴力点击
5判断键盘w,a,s,d键和↑↓←→是否被按下
6判断有没有出边界未出边界继续移动
7判断蛇和食物的top和left是否一样然后再刷新食物位置加一分
小结:这次的贪吃蛇是利用math随机数来做食物的位置,间隔定时器来制作蛇的行动,但是不足有很多比如没做蛇吃东西变长的功能还有制作难度。新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!