继续作死挑战canvas，网页上很多小游戏都是通过canvas写出来的，于是参考前辈大神的练习想去制作一个飞机大战的游戏，在其中我们首先铺开的就是背景图片，给背景定义x轴和y轴，给y轴设置循环增加，背景图重复两次拼合成一张完美的图片，当y的值超出了画布的高度的时候设置y重置为0，即可实现画布背景的循环播放，设置第一阶段点击进入加载阶段，加载阶段中三张图片x轴变化形成加载。第三阶段给己方飞机设置状态0=1,1=0的切换动画使其飞行，绑定鼠标移动事件跟随，设置己方飞机生命值，每隔1毫秒检测敌方飞机坐标是否等于我方飞机坐标值，是的话生命值减一，给对方飞机设置出现动画，x轴为随机，每隔1秒出现一次，设置中等飞机的大小为50-55区间限制个数，设置大飞机的个数始终等于1，再给敌方飞机设置y--效果即可。给己方飞机添加子弹属性，设置子弹的出现间隔，和y++属性，每隔1毫秒检测子弹坐标是否等于敌方飞机的坐标，敌方飞机生命值减一。检测生命值为0载入爆炸画面，己方飞机生命值等于0的时候载入爆炸画面同时设置切换到最后一张爆炸图片出现游戏结束标志同时暂停所有函数。