                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /HTML5小游戲---愛心魚（上）

小魚游動問題

我按照老師的代碼寫的，怎么小魚游動的方向不對？

珍惜小燕子

2016-02-17

源自：HTML5小游戲---愛心魚（上） 2-11

關(guān)注問題我要回答

1917

操作

收起

4 回答

sakurashine 回答被采納 +3 積分
2016-02-17

var?deltaY=mom.y-this.y;
	var?deltaX=mom.x-this.x;
	var?beta=Math.atan2(deltaY,deltaX)+Math.PI;
	//lerp?angle
	this.angle=lerpAngle(beta,this.angle,0.6);

對對代碼，有沒有哪里寫錯(cuò)了的。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

珍惜小燕子提問者

對照你給的看了沒有問題，但我這邊的小魚游動方向就是不對

2016-02-18 回復(fù) 有任何疑惑可以回復(fù)我~

qq_阿呆_5
2016-08-15

少了rotate(this.angle),沒有寫旋轉(zhuǎn)函數(shù)

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

珍惜小燕子提問者
2016-02-18

問題已解決了，謝謝了！this.x=lerpDistance(mx,this.x,0.98);
?? ??? this.y=lerpDistance(my,this.y,0.98);這個(gè)地方寫錯(cuò)了，mx，my應(yīng)該是mom.x，mom.y

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

sakurashine

噢，那這就是小魚的游動目標(biāo)是大魚而你寫成了鼠標(biāo)了。解決了就好。

2016-02-18 回復(fù) 有任何疑惑可以回復(fù)我~

珍惜小燕子提問者
2016-02-18

babyObj.prototype.draw=function(){
?????? this.x=lerpDistance(mx,this.x,0.98);
?? ??? this.y=lerpDistance(my,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);

?? ??? ctx1.save();
?? ??? ctx1.translate(this.x,this.y);
?????? ctx1.rotate(this.angle);
????? ?
?????? ctx1.drawImage(this.babyTail,-this.babyTail.width*0.5+23,-this.babyTail.height*0.5);
?????? ctx1.drawImage(this.babyBody,-this.babyBody.width*0.5,-this.babyBody.height*0.5);
?????? ctx1.drawImage(this.babyEye,-this.babyEye.width*0.5,-this.babyEye.height*0.5);
?????? ctx1.restore();
}這是我的代碼