divショックをあまりにも移動する理由

Question

移動すると画像/ divのショックが大きくなるのはなぜですか？

<div>*</div> 

$(function() {  
    var fps = 30; 
    var a = 0; 

    draw = function() { 
     a += 0.001; 
     var x = ((Math.cos(a)+1) /2) *90; 
     var y = ((Math.sin(a)+1) /2) *90; 

     $("div").css("left", x + "%"); 
     $("div").css("top", y + "%"); 
    } 

    update_frame = function(fps) { 
     draw(); 
     setTimeout(function(){ 
      update_frame(fps) 
     }, (1000./fps)); 
    } 

    update_frame(fps); 
}); 

https://jsfiddle.net/clankill3r/gx4xp1vx/

Answer 1

私はあなたの動きが滑らかでないという意味では 'ショック' で想定しています。これがちょうど場合である場合fps値。

var fps = 100; 

Updated fiddle

トレードオフここでは、より高速のリフレッシュレートは、いくつかの要素を移動するときに、より顕著とすることができるより多くの処理パワーを要し、又は画像を含むものということである - 特に遅いシステムで。