魚太大了,而且魚總不能停在鼠標(biāo)停的地方,只有鼠標(biāo)在瀏覽器左上角魚才能和鼠標(biāo)重合,鼠標(biāo)離左上角越遠(yuǎn)魚就離鼠標(biāo)越遠(yuǎn)
main.js里面和鼠標(biāo)相關(guān)的:
? can1.addEventListener('mousemove', onMouseMove, false);
function onMouseMove(e)
{
? if(e.offsetX || e.layerX)
? {
? ? mx = e.offsetX == undefined ? e.layerX : e.offsetX;
? ? my = e.offsetY == undefined ? e.layerY : e.offsetY;
? }
}
mom.js里面:
momObj.prototype.draw = function()
{
this.x = lerpDistance(mx, this.x, 0.98);
this.y = lerpDistance(my, this.y, 0.98);
var deltaY = my - this.y;
var deltaX = mx - this.x;
var beta = Math.atan2(deltaY, deltaX);
this.angle = lerpAngle(beta, this.angle, 0.6);
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();
}
2016-10-19
我也是這樣? 你解決了沒啊
2016-08-01
很大是什么鬼?我看了一下代碼和我的就是這里不一樣
var beta = Math.atan2(deltaY,deltaX) + Math.PI;