html5爱心鱼游戏教程,HTML5小游戏---爱心鱼（下）

1-4 身体变白

身体变白是大鱼不能及时把能量传递给小鱼，小鱼表现出的动画，身体变白通过序列帧完成，原理同尾巴，但是身体变白是个有去无回的过程，当小鱼身体完全变白，表示gameover

在main.js中：

//小鱼身体图片数组

var babyBody=[];

for(var i=0;i<20;i++){

babyBody[i]=new Image();

babyBody[i].src="./src/babyFade"+i+".png";

}

在baby.js中：

baby类定义中：

this.babyBodyTimer=0;

this.babyBodyCount=0;

draw方法中：

//baby body

this.babyBodyTimer += deltaTime;

if(this.babyBodyTimer>300){

this.babyBodyCount = this.babyBodyCount+1;

this.babyBodyTimer %=300;

if(this.babyBodyCount > 19){

this.babyBodyCount=19;

//game over

}

}

var babyBodyCount=this.babyBodyCount;

ctx1.drawImage(babyBody[babyBodyCount],-babyBody[babyBodyCount].width*0.5,

-babyBody[babyBodyCount].height*0.5);

同时删除之前定义的this.babyBody=new Image();

game over 的显示到后面再做。

大鱼喂小鱼的核心机制是：首先大鱼必须吃到果实，在小鱼完全变白之前，大鱼喂小鱼，使得小鱼身体重新变红，接下来做大鱼喂小鱼的逻辑判断

查看全部

0

采集

收起

2016-11-25