定位使用jQuery设置动画的元素

定位使用jQuery设置动画的元素,jquery,animation,jquery-plugins,rotation,Jquery,Animation,Jquery Plugins,Rotation,我正在做一个动画货车沿道路潜水,将有用户可以点击的区域,图形将移动到这个位置 此外,面包车已更改其方向以匹配方向 我可以从左到右很好,但我很难让货车再次开回。我可以一步一个脚印地跳,但跳了几站就卡住了 我有一点作弊,我有一个数组,其中存储的位置和角度 你可以看看这里: 我用它来做旋转Dests'是位置的数组,它包含一个角度、一个反向角度以及顶部和左侧的位置 这就是我要让货车开动的地方 ////////////////////////////////////////////////// // An

我正在做一个动画货车沿道路潜水,将有用户可以点击的区域,图形将移动到这个位置

此外,面包车已更改其方向以匹配方向

我可以从左到右很好,但我很难让货车再次开回。我可以一步一个脚印地跳,但跳了几站就卡住了

我有一点作弊,我有一个数组,其中存储的位置和角度

你可以看看这里:

我用它来做旋转Dests'是位置的数组,它包含一个角度、一个反向角度以及顶部和左侧的位置

这就是我要让货车开动的地方

//////////////////////////////////////////////////
// Animate stops
function drive(dests)
{
    if( direction == 'forward' ) 
    {
        $.each( dests, function(k,v)
        {
            van.animate(
                {
                    left:  journey[v].left- vanwidth/2,
                    top:  journey[v].top- vanheight/2,

                }, anispeed, function(){

                    van.css({ rotate: journey[v].angle });
                }
            );

        });    
    }
    else if( direction == 'reverse' )
    {
        $.each( dests, function(k,v)
        {

            van.css({ rotate: journey[v].rev });

            van.animate(
                {
                    left:  journey[v].left- vanwidth/2,
                    top:  journey[v].top- vanheight/2,

                }, anispeed);

        });
    }

}

非常感谢您的任何想法。不要太担心一个优雅或高效的答案,它只需要工作。

那van.css({rotate:travely[v].angle+180})呢?我想你已经试过了,不是吗?谢谢你的回复。我的问题是当货车到达路的尽头时,你点击返回到第2步,货车不会旋转,但是如果你一次返回一步,那么就可以了。这并不能回答我的问题。相反,我将读取上一步的角度,并将其添加180度。例如,如果您是第4步,并且您想要反转到第3步,那么总线方向应该是:第3步的方向(垂直,向上)+180°,这会使您垂直,向下。因此,相反的公式应该是
van.css({rotate:travely[v-1].angle+180})
,这有意义吗?谢谢,是的,我可以使旋转一次后退一步,但是当我走多步时,旋转只会跳到数组中的最后一个角度。我想我需要一个关于旋转的回调,我已经设置了超时等。让我抓狂的是,当面包车向前移动,然后旋转时,它很好,只需要反向操作,真的不想走闪电路线。你试过我的解决方案吗,读[v-1]?