绘制小鱼身体动画时出错,导致前面绘制的都出不来了

来源:1-4 身体变白

qazzxc3549823

2016-06-27 12:39

var babyObj = function()

{

this.x;

this.y;

this.angle;


this.babyTailTimer = 0;

this.babyTailCount = 0;


this.babyEyeTimer = 0;

this.babyEyeCount = 0;

this.babyEyeInterval = 1000;


this.babyBodeTimer = 0;

this.babyBodeCount = 0;

babyObj.prototype.init = function()

{

this.x=canWidth*0.5 - 50;

this.y=canHeight*0.5 + 50;

this.angle=0;

}

babyObj.prototype.draw = function()

{

this.x=lerpDistance(mom.x,this.x,0.98);

this.y=lerpDistance(mom.y,this.y,0.98);


var deltaY=mom.y-this.y;

var deltaX=mom.x-this.x;

var beta = Math.atan2(deltaY,deltaX)+Math.PI;


this.angle = lerpAngle(beta,this.angle,0.6);


this.babyTailTimer += deltaTime;

if(this.babyTailTimer>50)

{

this.babyTailCount = (this.babyTailCount + 1)%8;

this.babyTailTimer%=50;

}

this.babyEyeTimer += deltaTime;

if(this.babyEyeTimer > this.babyEyeInterval)

{

this.babyEyeCount = (this.babyEyeCount + 1)%2;

this.babyEyeTimer%=this.babyEyeInterval;


if(this.babyEyeCount==0)

{

this.babyEyeInterval=Math.random()*1500+2000;

}else

{

this.babyEyeInterval=200;

}

}

this.babyBodeTimer += deltaTime;

if(this.babyBodeTimer > 300)

{

this.babyBodeCount = this.babyBodeCount+1;

this.babyBodeTimer%=300;

if(this.babyBodeCount>19)

{

this.babyBodeCount = 19; 

}

}



ctx1.save();

ctx1.translate(this.x, this.y);

ctx1.rotate(this.angle);


var babyTailCount = this.babyTailCount;

ctx1.drawImage(babyTail[babyTailCount],-babyTail[babyTailCount].width * 0.5+23,-babyTail[babyTailCount].height *0.5);

var babyBodeCount = this.babyBodeCount;

ctx1.drawImage(babyBode[babyBodeCount],-babyBode[babyBodeCount].width * 0.5,-babyBode[babyBodeCount].height *0.5);

var babyEyeCount = this.babyEyeCount;

ctx1.drawImage(babyEye[babyEyeCount],-babyEye[babyEyeCount].width * 0.5,-babyEye[babyEyeCount].height *0.5);

ctx1.restore();

}

http://img.mukewang.com/5770adeb0001626719201080.jpg

写回答 关注

1回答

  • 慕侠3252176
    2016-06-28 16:59:11
    已采纳

    还没有敲代码测试,

    慕UI154... 回复qazzxc...

    我也是这样,怎么敲测试代码

    2016-12-05 11:23:09

    共 2 条回复 >

HTML5小游戏---爱心鱼(下)

通过一个清新美好的小游戏教程,熟悉游戏开发流程

46272 学习 · 189 问题

查看课程

相似问题