效果图
实现思路
1.写一个流星对象
//定义流星雨
function Fire(){
this.x=getRandom(0,canvas.width),//流星雨的x坐标
this.y=0,//流星雨的y坐标
this.radius=getRandom(0.5,2),//流星雨的半径
this.speed=getRandom(2,4),//运行的速度
this.angle=0.6*Math.PI,//发射的方向
//this.color='white';//颜色
//设定颜色Math.random()>0.4 来设定一部分是白色的,剩下的是彩色的。
this.color=Math.random()>0.4 ? 'white' : ('#' + Math.random().toString(16).substr(2, 6).toUpperCase());
}
x的范围是0到画布的最大宽度,这样就可以从左到右出现流星了;
y固定为0,在最上面也就是空中;
speed是流星飞行的速度;</