为什么我的鱼妈妈不是跟着鼠标移动，而是鼠标点击一点就移动。

Question

为什么我的鱼妈妈不是跟着鼠标移动，而是鼠标点击一点就移动。

Answer 1

真当网友都是代码解析器啊。

Answer 2

最好可以把代码粘出来，不然看不出问题。应该是时间不对，写了点击事件。望采纳

Answer 3

var momObj = function(){ this.x; this.y; this.angle; this.bigEye = new Image(); this.bigBody = new Image(); this.bigTail = new Image();}momObj.prototype.init = function(){ this.x = canWidth * 0.5; this.y = canHeight * 0.5; this.angle = 0; this.bigEye.src = "./src/bigEye0.png"; this.bigBody.src = "./src/bigSwim0.png"; this.bigTail.src = "./src/bigTail0.png";}momObj.prototype.draw = function(){ this.x = lerpDistance(mx, this.x, 0.99); this.y = lerpDistance(my, this.y, 0.99); var deltaY = my - this.y; var deltaX = mx - this.x; var beta = Math.atan2(deltaY, deltaX)+ Math.PI; this.angle = lerpAngle(beta, this.angle, 0.6); ctx2.save(); ctx2.translate(this.x, this.y); ctx2.rotate(this.angle); ctx2.drawImage(this.bigEye, -this.bigEye.width * 0.5, -this.bigEye.height * 0.5); ctx2.drawImage(this.bigBody, -this.bigBody.width * 0.5, -this.bigBody.height * 0.5); ctx2.drawImage(this.bigTail, -this.bigTail.width * 0.5 + 30, -this.bigTail.height * 0.5); ctx2.restore();}main.jsvar can1;var can2;var ctx1;var ctx2;var canWidth;var canHeight;var lastTime;var detaTime;var bgPic = new Image();var ane;var fruit;var mom;var mx;var my;document.body.onload = game;function game(){ init(); lastTime = Date.now(); detaTime = 0; gameloop();}function init(){ //获得canvas context can1 = document.getElementById("canvas1");//fishes,dust,ui,circle ctx1 = can1.getContext('2d'); can2 = document.getElementById("canvas2");//background,ane ,fruits ctx2 = can2.getContext('2d'); can2.addEventListener('mousemove',onMouseMove, false); bgPic.src = "./src/background.jpg"; canWidth = can1.width; canHeight = canvas1.height; ane = new aneObj(); ane.init(); fruit = new fruitObj(); fruit.init(); mom = new momObj(); mom.init(); mx = canWidth * 0.5; my = canHeight * 0.5;}function gameloop(){ window.requestAnimFrame(gameloop); var now = Date.now(); detaTime = now - lastTime; lastTime = now; drawBackground(); ane.draw(); fruitMonitor(); fruit.draw(); ctx1.clearRect(0, 0, canWidth, canHeight); mom.draw();}function onMouseMove(e){ if(e.offSetX || e.layerX) { mx = e.offSetX == undefined ? e.layerX : e.offSetX; my = e.offSetY == undefined ? e.layerY : e.offSetY; //console.log(mx); }}