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

//获取绘图环境

02

var

canvas=document.getElementById(

'canvas'

);

03

var

context=canvas.getContext(

'2d'

);

04

05

06

//创建对象集合
 （集合所有精灵）

07

var

sprites=[];

08

09

//创建我方飞机

10

var

plane=createPlane();

11

//讲我方飞机添加到精灵对象集合中

12

sprites.push(plane);

13

14

//添加飞机计时变量 
 用于记录飞机出现的时间

15

var

smallEnemyTime=0;

//记录最后一次小飞机出现的时间

16

var

middleEnemyTime=0;

//记录最后一次中飞机出现的时间

17

var

bigEnemyTime=0;

//记录最后一次大飞机出现的时间

18

var

bulletTime=0;

//记录最后一次子弹出现的时间

19

20

//声明积分变量

21

var

score=0;