首先需要一个背景板 需要吧蛇和食物 在指定内容里 不能超出
接下来就是蛇的移动 使用定时间一秒移动一格
食物就是根据计算随机生成
当蛇和食物的位置重叠了就可以认为蛇吃到了食物
当蛇的x,y 大于元素的宽度/高度,就认为碰到了墙壁直接ov
技术分析
主要用到的几个技术点:
clientWidth :元素的宽度,包含内边距
clientHeight :元素的高度,包含内边距
setInterval:开启定时器
clearInterval:关闭定时器
keydown:键盘事件
createElement : 创建节点
clientHeight :元素的高度,包含内边距
setInterval:开启定时器
clearInterval:关闭定时器
keydown:键盘事件
createElement : 创建节点
以上就是关键技术点 有需要的可以下载一下
如果对你有帮助或者觉得还不错的话可以打赏一下谢谢了
以上源码还可以进行扩展蛇的样式已经计分数和重新开始等完善的功能
想需要完整版的可以私信我
想需要完整版的可以私信我
想需要完整版的可以私信我
想需要完整版的可以私信我
想需要完整版的可以私信