                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /HTML5小游戏---爱心鱼（上）

小鱼游动问题

我按照老师的代码写的，怎么小鱼游动的方向不对？

珍惜小燕子

2016-02-17

源自：HTML5小游戏---爱心鱼（上） 2-11

关注问题我要回答

1869

操作

收起

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);

对对代码，有没有哪里写错了的。

0 回复有任何疑惑可以回复我~

收起回答

珍惜小燕子提问者

对照你给的看了没有问题，但我这边的小鱼游动方向就是不对

2016-02-18 回复有任何疑惑可以回复我~

qq_阿呆_5
2016-08-15

少了rotate(this.angle),没有写旋转函数

0 回复有任何疑惑可以回复我~

收起回答

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

问题已解决了，谢谢了！this.x=lerpDistance(mx,this.x,0.98);
this.y=lerpDistance(my,this.y,0.98);这个地方写错了，mx，my应该是mom.x，mom.y

0 回复有任何疑惑可以回复我~

收起回答

sakurashine

噢，那这就是小鱼的游动目标是大鱼而你写成了鼠标了。解决了就好。

2016-02-18 回复有任何疑惑可以回复我~

珍惜小燕子提问者
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();
}这是我的代码