ホイールのキュー溜りを防いで自然に動かしたい

質問

＜使用：jQuery1.7.2、jquery-ui1.8.12、jQuery Easing v1.3、jQuery Mousewheel Plugin 3.0.5＞

$('html').mousewheel(function(event,mov){
$("#naiyou").stop(true,false).animate({left:"+="+speed+"px"},800,"easeInOutQuad");
event.preventDefault();
return false;
});

<div id="kotei" style="width:100%;height:100%;position:absolute;">
<div id="naiyou" style="width:1000px;height:100%;position:absolute;">***</div>
</div>

こんな感じのjsを書いて、ホイールで横スクロールするものを作ろうとしています。
ホイール自体は無事に動くのですが、動いている最中に続けてホイールすると、
先の動きが不自然に止まって次の感知分に飛ぼうとしてしまいます。
キューがたまるのを防ぐためにstopを使っていますが、
先の動き分がぴったり止まるのではなくストップ前に軽くイージングするなど
先の動きを妨げずに処理することはできないでしょうか？
（動きの理想↓）
http://51hours.tumblr.com/post/7781425247/mario-kart-wii-experience

回答No.1

fujillin · ベストアンサー

回答がないみたいなので…

残念ながら、「理想の動き」が私の環境からは見えませんでしたので、なにをどうなさりたいのかよくわかってませんが、ホイールで移動の目的地を指定するのかあるいは移動する速度などを制御して止まる位置はユーザがホイール操作で調節するのかなどで変わってくると思います。

＞自然に動かしたい
とのことですが、速度を直接変えると大抵極端な変化が出てしまうことになりやすいかと思います。
それなので、加速度を制御する形式にすれば、間接的に速度が変化することになるのでそれなりにスムーズな動きを実現できるはずです。

目的地にきちんと止まることが目的の場合は、目的地と現在地の距離の関数で加速度や速度を決めるとか、あるいはホイールで要素の移動を運転する感じであればホイールの操作で単純に加速度を増減するような考え方にしても、極端な速度変化がなくなり自然な（？）移動が行なわれるはずです。
（車のアクセルを踏んだり離したりと似ているかも）

animateのような一律移動の関数を利用するよりも、プリミティブに移動させるほうが、返ってこのような制御はしやすいかと思います。

お礼

遅くなりました。
ご回答大変ありがとうございました。
使用した方法は変わりましたが、
アドバイスのおかげで治せました。
大変ありがとうございました。