大鱼吃小鱼游戏-wave.js

//类是大鱼吃海葵产生圆圈效果
var waveObj = function()
{
this.x = [];
this.y = [];
this.alive = [];
this.r = [];

}

waveObj.prototype.num = 10;
waveObj.prototype.init = function()
{
for(var i = 0; i < this.num; i++)
{
this.alive[i] = false;
this.r[i] = 0;
}
}

//draw函数功能是画圆圈

waveObj.prototype.draw = function()
{
ctx1.save();

ctx1.lineWidth =2;
ctx1.shadowBlur = 10;
ctx1.shadowColor = "white";
for(var i = 0; i < this.num; i++)
{
if(this.alive[i])
{
//draw
this.r[i] += deltaTime * 0.04;
if(this.r[i] > 50)
{
this.alive[i] = false;
break;  //跳出本次循环

}

var alpha = 1 - this.r[i] / 50; //逐步消失绘制圆

//draw
//api
ctx1.beginPath();   //开始绘制
ctx1.arc(this.x[i], this.y[i], this.r[i], 0, Math.PI * 2);  //api绘制圆圈
ctx1.closePath();   //结束绘制
ctx1.strokeStyle = "rgba(255, 255, 255, " + alpha + ")";    //api绘制圆圈的渐变效果，这里是圆圈渐变消失的效果
ctx1.stroke();
}
}
ctx1.restore();

}

//born函数功能是大鱼吃果实后出现渐变圈圈的属性，圆圈的坐标、圆圈的半径等

waveObj.prototype.born = function(x, y)
{
for(var i = 0; i < this.num; i++)
{
if(!this.alive[i])
{
this.alive[i] = true;
this.r[i] = 10;
this.x[i] = x;
this.y[i] = y;

return;

//born
}

}

}