原文:【猪猪-前端】微信打飞机高质量Demo,学习HTML5+Canvas技术编写,下载即可使用,注释齐全。
源代码下载地址:http://www.zuidaima.com/share/1553027668610048.htm
//获取绘图环境 |
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; |