在gamequery; 如何將對象從“放置”位置“緩慢”移動到需要移動的位置？

Question

由於路徑是可變的，因此我不試圖使其遵循設定的路徑。 但我嘗試將對象設置為從放置位置開始以明顯的方式掉落。

$(".gQ_sprite").mouseup(function() {        

        //test condition to see if collides with a box etc...
        collision1 = $("#" + currentClickedDivId).collision(".gQ_group, .box");
        if(collision1.length > 0)
        {
                       //irrelevent
        }
        else
        {
            //figure out yarnball Id...
            i = wordLength - 1
            yarnBallIdNumber = currentClickedDivId.charAt(10);
            yarnBallPositionFromStart = i - yarnBallIdNumber
            initialMovedYarnBallXPosition = yarnBallPositionFromStart * yarnSpacing

            initialMovedYarnBallXPosition = initialXYarnPosition - initialMovedYarnBallXPosition


            $("#" + currentClickedDivId).xy(initialMovedYarnBallXPosition ,yarnYPosition);
        }

現在，我的代碼只是在用戶釋放對象之后將其閃回它的位置，並且如果您願意並且無法想到實現它的最佳方法，我將嘗試“緩慢地”將其移回。

到目前為止，我的想法是使用循環並延遲地減去（或增加）對象的位置，但是可能有更好的方法來移動我不知道的對象。

有任何想法嗎？

Answer 1

您可以做的是使用jQuery為CSS屬性之外的其他事物設置動畫，如此處所述： https : //coderwall.com/p/fn2ysa

為了使您的精靈在一秒鍾內從currentX移到destinationX，您的代碼應類似於：

var from    = {x: currentX};
var to      = {x: destinationX};
$(from).animate(to,{duration: 1000, step: function(step){
    $(mySprite).x(step);
}});