jquery - 方向によって画像をスプライトに変更

Question

Spritely プラグインで泳いでいる魚をアニメーション化しようとしています。

var lastX = 0;
var count = 0;
$('#fish1').sprite(
{
    fps: 2, 
    no_of_frames: 1,
    on_first_frame: function(obj) 
    {
        count++;
        if (count > 4)
        {
            if (lastX < obj.position.left) 
            {
                obj.fps(2).spState(1);                                      
            }
            else 
            {
                obj.fps(2).spState(2);
            }
            lastX = obj.position.left;
            count = 0;
        }                   
    }
})
.spRandom(
{
    top: 0, 
    bottom: $(document).height()-308, 
    left: 0, 
    right: $(document).width()-498, speed: 10000
});

これが私の魚の定義です。ランダムな動きの方向を検出する方法を教えてもらえますか? 私の解決策は、最初のフレームが設定されているときに適用されます。ここで、最後の X 位置と魚の位置があります。

しかし、これはうまくいきません。誰かが私を助けることができますか？