マウスの位置に追従するオブジェクトが遅くなります

Question

マウスの位置にゆっくりと続くdivがいくつかあります。 begenningでは、それはうまく始まりますが、マウスの位置に近づくほど、遅くなります。私は以下の非常に効率的なコードを持っていますが、私はそれを改善したいので、divはいつも変化するものよりも一定の速度でマウスをたどります。

var xp = x, yp = y; 
var loop = setInterval(function(){ 
xp += ((mouseX - xp))/100; 
yp += ((mouseY - yp))/100; 
object.css({left:xp, top:yp}); 
},20);} 

数値が近づくと100でダイビングするので、数値が小さくなり、X/Yが遅くなります。私はそれがどこから来ても同じスピードを保つことを望んでいます。

Answer 1

は、ソリューションです：

var loop = setInterval(
    function() 
    { 
     speed = 20; 
     xp += (mouseX - xp)>speed ? speed : ((mouseX - xp)<-speed ? -speed : (mouseX - xp)); 
     yp += (mouseY - yp)>speed ? speed : ((mouseY - yp)<-speed ? -speed : (mouseY - yp)); 
     object.css({left:xp, top:yp}); 
    },20 
); 

Answer 2

Webワーカーを使ってみましたか？

Webワーカーを使用すると、「重い」タスクをバックグラウンドスレッドで送信して、UIスレッドが低速にならず、Webアプリケーションが応答性を保つようにできます。

セットアップは非常に簡単です。

var worker = new Worker('someWorker.js'); 

は、見てください：ここで

https://developer.mozilla.org/En/Using_web_workers