我的代码效果有个bug,连续吃新果实时,旧涟漪会突然消失,新涟漪按规划变大,请问怎么解决?

来源:3-3 大鱼吃果实特效(3)

苍白的尾巴

2016-08-15 22:37

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;
	}
};
waveObj.prototype.draw = function(){
	cxt1.save();
	cxt1.lineWidth = 2;
	cxt1.shadowBlur = 10;
	cxt1.shadowColor = "#fff";
	for (var i = 0; i < this.num; i++) {
		if (!this.alive[i]) {
			this.r[i] += deltaTime*0.04;
			if (this.r[i]>50) {
				this.alive[i] = false;
				continue;
			}
			var alpha = 1 - this.r[i]/50;
			cxt1.beginPath();
			cxt1.arc(this.x[i],this.y[i],this.r[i],0,Math.PI*2);
			cxt1.closePath();
			cxt1.strokeStyle = "rgba(255,255,255,"+alpha+")";
			cxt1.stroke();
		}
	}
	cxt1.restore();
}
waveObj.prototype.born = function(x,y){
	for (var i = 0; i < this.num; i++) {
		if (!this.alive[i]) {
			this.alive = true;
			this.r[i] = 10;
			this.x[i] = x;
			this.y[i] = y;
			return;
		}
	}
}

其他都好着,编译也不会出现问题。就是这样的涟漪就像突然消失一样,很不好,不知道怎么解决。

写回答 关注

2回答

  • NoLimits
    2016-08-16 17:29:41
    已采纳

    还有第39行,alive后面少写了 [i] ,

    把我说的这几处都改一下就可以了、、、

    苍白的尾巴 回复weibo_...

    把之前没有细心写的代码改正,然后就是20行判断条件刚好写反了。 之前是没理解代码,直接敲,就发生了好多bug,你先把这些串起来再写就ok

    2017-10-19 17:17:19

    共 3 条回复 >

  • NoLimits
    2016-08-16 01:55:19

    第20行代码处,去掉符号即可。

    然后第13行的 ; 符号,建议去掉,一般是不带的。。

    NoLimi... 回复苍白的尾巴

    还有第39行,alive后面少写了 [i] , 把我说的这几处都改一下就可以了、、、

    2016-08-16 17:30:11

    共 3 条回复 >

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

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

46272 学习 · 189 问题

查看课程

相似问题