【猪猪-前端】微信打飞机高质量Demo，学习HTML5+Canvas技术编写，下载即可使用，注释齐全。

//获取绘图环境
var canvas=document.getElementById('canvas');
var context=canvas.getContext('2d');


//创建对象集合 （集合所有精灵）
var sprites=[];
		
//创建我方飞机
var plane=createPlane();
//讲我方飞机添加到精灵对象集合中
sprites.push(plane);
		
//添加飞机计时变量  用于记录飞机出现的时间
var smallEnemyTime=0;//记录最后一次小飞机出现的时间
var middleEnemyTime=0;//记录最后一次中飞机出现的时间
var bigEnemyTime=0;//记录最后一次大飞机出现的时间
var bulletTime=0;//记录最后一次子弹出现的时间

//声明积分变量
var score=0;

gif动图

由最代码官方编辑于2017-10-25 16:51:56