tanchi

1 贪吃蛇项目使用技术:
webpack、typeScript、less
2 项目启动的方法:
2.1 npm run build
2.2 npm run start

3 文件介绍
src/index.html :入口html
src/index.js:入口js,打包成build/bundle.js
src/style/index.less:样式文件,在index.js中引用
src/moduls
Food.ts :食物类
GameControl.ts :控制类
ScorePanel.ts：分数和等级面板类
Snack:蛇类
package.json:npm的配置文件,配置了项目的打包和启动等命令
还有项目的依赖
webpack.config:webpack配置文件,配置各种loader和插件
tsconfig.json:运行ts需要加的文件
4 整体的实现思路
4.1 GameControl中定义snake,food,scorePanel,direction,isLive等属性
4.2 初始化,监听键盘事件,赋值方向direction
4.3 执行run,让蛇移动

4.4 不同的direction,移动不同的X或者Y

4.5 检查是否吃到食物
吃到了:食物重置、分数增加、蛇增加一节

4.6 赋值给snack的蛇头X,
赋值时处理:1 掉头问题 2 身体移动 3 检查是否撞到墙或者自己

4.7 捕获赚到墙或者自己的异常:打印异常,isLive=false

4.8 如果isLive==true,定时递归调用run