源代码下载地址：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;
|
【猪猪-前端】微信打飞机高质量Demo，学习HTML5+Canvas技术编写，下载即可使用，注释齐全。
原文：http://blog.csdn.net/springmvc_springdata/article/details/46500255