大鱼吃小鱼游戏-halo.js

//类是大鱼喂小鱼后出现橙色圆圈。
var haloObj = function()
{
    this.x = [];
    this.y = [];
    this.alive = [];
    this.r = [];
}

haloObj.prototype.num = 5;
haloObj.prototype.init = function()
{
    for(var i= 0; i < this.num; i++)
    {
        this.x[i] = 0;
        this.y[i] = 0;
        this.alive[i] = false;
        this.r[i] = 0;
    }
}

haloObj.prototype.draw = function()
{
    for(var i = 0; i < this.num; i++)
    {
        ctx1.save();//保存当前环境的状态

        ctx1.lineWidth = 2;     //当前的线条宽度
        ctx1.shadowBlur = 10;   //用于阴影的模糊级别
        ctx1.shadowColor = "rgba(203, 91, 0, 1)";//圆圈阴影的颜色
        if(this.alive[i])
        {
             //draw
             this.r[i] += deltaTime * 0.04;
             if(this.r[i] > 100)
             {
                this.alive[i] = false;
                break;
             }
             var alpha = 1 - this.r[i] / 100;

             ctx1.beginPath();//起始一条路径，或重置当前路径
             ctx1.arc(this.x[i], this.y[i], this.r[i], 0, Math.PI * 2);  //绘制大鱼喂小鱼后橙色圆圈。
             ctx1.closePath();//创建从当前点回到起始点的路径
             ctx1.strokeStyle = "rgba(203, 91, 0," + alpha + ")";//用于笔触的颜色、渐变或模式
             ctx1.stroke(); //绘制已定义的路径
        }
        ctx1.restore();//返回之前保存过的路径状态和属性
    }
}

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

        }
    }

}