JavaScript之贪吃蛇案例

面向对象
对象：万物皆对象，我们看到的任何的东西都可以理解成对象
对象包含什么：属性 方法
比如：student（学生）
学生的属性有什么：姓名，学号，成绩
学生的方法有什么：学习，打球，打游戏
属性是静态的，方法是动态的
在程序里面怎么表示一个对象

系统分析设计
对游戏进行抽象，也可以叫建模

游戏中包含的对象：
蛇
食物
网格
游戏（控制，控制蛇的移动，控制食物的随机出现）

(1)蛇对象的分析设计

(2)食物对象的分析和设计

(3)网格对象的分析和设计

(4)游戏对象的分析和设计

系统实现

（1）创建工程

：单纯的创建一个项目，里面的文件都和贪吃蛇游戏有关

（2）实现方法

（2.1）蛇的初始化（init）

思路：蛇的初始状态4个节点（4个框），每个框都有一个坐标。
同时呢，蛇的初始化方向是向右

（2.2）蛇的绘制

需求：绘制出整个蛇身（身体加上蛇头）
思路：先画蛇头，再画蛇身

键盘编码左上右下 37 38 39 40