tanchi v1.0.0

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