贪吃蛇

JS练习–贪吃蛇

学了一段时间的JS,就想着写个小游戏试试,整体也下来的感觉就像是再敲一道模拟题,感觉还挺有意思的

效果图

贪吃蛇_第1张图片

实现思路

  • 绘制基本布局,设置键盘监听事件
  • 当键盘按下Enter键时,绘制长度为3的贪吃蛇,并随机生成一个目标点
  • 检测目标点是否在贪吃蛇蛇身上
  • 随机生成开始方向,判断方向是否可能
  • 判断是否碰撞到边界或蛇本身上,为真,游戏结束,按下r键重新开始游戏
  • 判断是否获取到目标,为真,蛇身长度加一,再随机生成一个目标点

遇到的问题

  • 思路不够清晰,代码凌乱,重新整理后,封装出几个主要的对象,情况有大幅度的改善
  • 基础不牢靠,一开始在使用动态生成数组,老存在赋值为空的问题

收获

  • 对于数组有了更深层次的认识
  • 对于计时器也有了从无到有的看法
  • 对于面向对象编程有了一定的了解和简单的体验
  • 也在编写的过程中获得了小小的成就感

Demo

你可能感兴趣的:(js小游戏,javascript,贪吃蛇)