1、目的:
通过对贪吃蛇游戏的编码属性ts的运用,以及培养面向对象开发的思维
2、步骤:
1.创建项目:
配置ts :相关配置请参考项目中tsconfig.json文件
配置webpack:相关配置请参考项目中webpack.config.js文件
关联git仓库
注:相关安装包请参考项目中的package.json
2.创建静态页面:完成游戏面板,蛇头,食物样式的开发
3.创建食物类:食物类包含食物元素dom,获取食物x,y坐标的方法,随机生成食物的方法
4.创建积分等级类:获取积分dom,等级dom,添加积分增加的方法,等级提升的方法
5.创建蛇类:获取蛇头dom,蛇身dom,整条蛇的dom,获取蛇头的x,y坐标,设置蛇头x,y坐标,增加蛇身体的方法,蛇身移动的方法
6.创建控制类:获取蛇,食物,积分等级类,注册键盘事件,控制蛇移动
7.判断蛇是否撞墙,撞墙游戏结束
8.控制蛇头吃到食物,然后让食物重新刷新显示
9.实现蛇身移动,并判断蛇头是否与蛇身撞击(蛇头与蛇身其一坐标重合),撞击游戏结束
不足:1.食物有可能会随机生成到蛇身上,在食物随机生成时,未做排除蛇身坐标处理
2.定时器未做回收处理
项目地址:ts贪吃蛇