大鱼吃小鱼游戏-mom.js

var momObj = function()
{
    this.x ;
    this.y ;
    this.angle ;                    //定义角度
    this.bigEye = new Image();      //鱼眼睛
    //this.bigBody = new Image();       //  鱼身体
    this.bigTail = new Image();     //鱼尾巴

    this.momTailTimer = 0;
    this.momTailCount = 0;

    this.momEyeTimer = 0;
    this.momEyeCount = 0;
    this.momEyeInterval = 1000;

    this.momBodyCount = 0;
}


momObj.prototype.init = function()
{
    this.x = 0;
    this.y = 0;
    this.angle = 0;
    this.bigEye.src ='./src/bigEye0.png';
    //this.bigBody.src ='./src/bigSwim0.png';
    this.bigTail.src ='./src/bigTail0.png';
}

momObj.prototype.draw = function()
{
    //lerp x,y计算鱼与鼠标距离差,目的是让鱼跟随鼠标动。
    this.x = lerpDistance(mousex, this.x, 0.98);
    this.y = lerpDistance(mousey, this.y, 0.99);

    //delta angle
    //Math.atan2(y,x)
    var deltaY = mousey - this.y;
    var deltaX = mousex - this.x;
    var beta = Math.atan2(deltaY, deltaX) + Math.PI;//-PI , PI

    //lerp angle
    this.angle = lerpAngle(beta, this.angle, 0.6);  //计算出鱼与鼠标角度

    //tail
    this.momTailTimer +=17;
    if(this.momTailTimer > 50)
    {
        this.momTailCount = (this.momTailCount + 1) % 8;
        this.momTailTimer %= 50;
    }


    //mom eye
    this.momEyeTimer += 17;
    if(this.momEyeTimer > this.momEyeInterval)
    {
        this.momEyeCount = (this.momEyeCount +1) % 2;
        this.momEyeTimer %= this.momEyeInterval;
        if(this.momEyeCount == 0)
        {
            this.momEyeInterval = Math.random() * 1500 + 2000;
        }
        else
        {
            this.momEyeInterval = 200;
        }


    }

    ctx1.save();

    ctx1.translate(this.x, this.y);
    ctx1.rotate(this.angle);        //鱼跟随鼠标转动

    var momTailCount = this.momTailCount;
    ctx1.drawImage(momTail[momTailCount], - momTail[momTailCount].width * 0.5 + 30 ,  - momTail[momTailCount].height * 0.5);

    var momBodyCount = this.momBodyCount;
    if(data.double == 2)//ora
    {

        ctx1.drawImage(momBodyBlue[momBodyCount], - momBodyBlue[momBodyCount].width * 0.5  ,  - momBodyBlue[momBodyCount].height * 0.5);

    }else
    {
        ctx1.drawImage(momBodyOra[momBodyCount], - momBodyOra[momBodyCount].width * 0.5  ,  - momBodyOra[momBodyCount].height * 0.5);

    }

    var momEyeCount = this.momEyeCount;
    ctx1.drawImage(momEye[momEyeCount],  - momEye[momEyeCount].width * 0.5 ,  - momEye[momEyeCount].height * 0.5);
    //ctx1.drawImage(this.bigBody, - this.bigBody.width * 0.5  ,  - this.bigBody.height * 0.5);



    ctx1.restore();
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值