鱼的方向不对，总是鱼尾巴跟着鼠标移动的方向走
来源：2-8 大鱼随鼠标移动
慕粉3354867
2016-06-29 22:22
this.x = lerpDistance(mx, this.x, 0.9);
this.y = lerpDistance(my, this.y, 0.9);
var deltaY = my - this.y;
var deltaX = mx - this.x;
var beta = Math.atan2(deltaY,deltaX);
this.angle = lerpAngle(beta, this.angle, 0.9);
ctx1.save();
ctx1.translate(this.x,this.y);
ctx1.rotate(this.angle);
ctx1.drawImage(this.bigEye,-this.bigEye.width * 0.5,-this.bigEye.height * 0.5);
ctx1.drawImage(this.bigBody,-this.bigBody.width * 0.5,-this.bigBody.height * 0.5);
ctx1.drawImage(this.bigTail,-this.bigTail.width * 0.5 + 30,-this.bigTail.height * 0.5);
ctx1.restore();
this.y = lerpDistance(my, this.y, 0.9);
var deltaY = my - this.y;
var deltaX = mx - this.x;
var beta = Math.atan2(deltaY,deltaX);
this.angle = lerpAngle(beta, this.angle, 0.9);
ctx1.save();
ctx1.translate(this.x,this.y);
ctx1.rotate(this.angle);
ctx1.drawImage(this.bigEye,-this.bigEye.width * 0.5,-this.bigEye.height * 0.5);
ctx1.drawImage(this.bigBody,-this.bigBody.width * 0.5,-this.bigBody.height * 0.5);
ctx1.drawImage(this.bigTail,-this.bigTail.width * 0.5 + 30,-this.bigTail.height * 0.5);
ctx1.restore();
写回答
关注
4回答
-
- 行为艺术
- 2016-06-30 00:33:11
也就是说你的角度没有设置，请在 this.angle变量之后+ Math.PI
this.angle = lerpAngle(beta, this.angle, 0.9) + Math.PI
-
- 慕粉3398961
- 2016-09-12 21:00:51
太巧了 咱俩的问题一模一样 想问问 为什么 照着 视频写的啊
-
- 慕粉3354867
- 2016-07-02 18:14:29
好的解决了，谢谢
-
- 慕粉3354867
- 2016-06-30 14:58:47
还是有问题，会出现两个不同角度的大鱼的身体
HTML5小游戏---爱心鱼（上）
学做HTML5游戏，轻轻松松带你上手，适合刚入手游戏开发的同学
92348 学习 · 551 问题
相似问题
为什么是大鱼的尾巴跟着鼠标移动？
回答 2
为什么我的是大鱼尾巴跟着鼠标移动呀？
回答 1
大鱼不是头朝鼠标，是尾巴跟着鼠标
回答 3
鱼不是头跟着鼠标动
回答 4
鱼不能很好得跟着鼠标移动
回答 1