大鱼吃小鱼游戏-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
        }

    }

}