在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);
}});