最近，我突然心血来潮，想找点有趣的小项目搞搞。翻来翻去，发现小时候玩的贪吃蛇游戏挺有意思，就决定自己动手写一个出来！
准备工作
我记得以前玩贪吃蛇，都是在一个个小方格里面扭来扭去的。我先在纸上画个草图，大概想想要怎么实现：得有个“画布”来显示游戏画面，然后蛇和食物都要在这个画布上动起来。
我琢磨着，这可以用 HTML 里的 canvas 元素来实现。于是我立马动手创建一个 HTML 文件，里面加个 canvas 标签，给它起个名字叫 "canvas"。
画出格子和贪吃蛇
有画布，下一步就是把那些格子画出来。我定义一个变量 gridWidth，用来表示每个格子的宽度。然后，我用 JavaScript 获取到这个 canvas 元素，再拿到它的“画笔”——也就是 getContext('2d')。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我开始画蛇。我用一个数组 foods 来表示蛇的身体，数组里的每个元素都是一个对象，记录着蛇身每一个小方块的位置。
让蛇动起来
光画出来还不行，得让蛇能动！我设置一个定时器，每隔一段时间就调用一个函数，这个函数负责更新蛇的位置，然后重新画出蛇和食物。
- 碰撞检测： 每次移动后，我都要检查蛇有没有撞到自己或者撞到墙。
- 吃食物： 如果蛇头碰到食物，我就把食物的位置加到蛇的身体里，然后随机生成一个新的食物。
- 得分： 每次吃到食物，我就给分数 score 加上一些。
遇到的问题
写代码的过程不可能一帆风顺。我一开始在处理蛇的移动时，逻辑有点混乱，导致蛇有时候会“瞬移”。后来我仔细检查代码，发现是更新蛇身体位置的顺序搞错，调整一下就 OK 。
最终成果
经过一番努力，我的贪吃蛇游戏终于可以玩！虽然画面比较简陋，但是基本的功能都有。看着自己写出来的游戏，还是挺有成就感的。这回折腾，不仅让我重温经典游戏，还顺便复习一下 JavaScript 的知识，感觉收获满满！
