Jquery 设置一个对象朝向另一个对象的动画

Jquery 设置一个对象朝向另一个对象的动画,jquery,gsap,Jquery,Gsap,使用jQuery animate或某些GSAP等效工具,是否可以将一个对象的目标顶部/左侧设置为另一个对象的顶部/左侧?我在屏幕的两侧有两个对象,它们会朝着对方移动(尽管其中一个可能会经历一些变化),如果我使用GSAP,动画运行起来会比在无限循环中简单地更新顶部和左侧的值平滑得多 我想知道是否可以通过以下代码实现: $("#img1").animate({ top: $("#img2").css("top"), left: $("#img2").css("left"), }, 1

使用jQuery animate或某些GSAP等效工具,是否可以将一个对象的目标顶部/左侧设置为另一个对象的顶部/左侧?我在屏幕的两侧有两个对象,它们会朝着对方移动(尽管其中一个可能会经历一些变化),如果我使用GSAP,动画运行起来会比在无限循环中简单地更新顶部和左侧的值平滑得多

我想知道是否可以通过以下代码实现:

$("#img1").animate({
    top: $("#img2").css("top"),
    left: $("#img2").css("left"),
}, 1000);

$("#img2").animate({
    top: $("#img1").css("top"),
    left: $("#img1").css("left"),
}, 1000);

这可能吗?上述方法对我不起作用。

如果它们以相同的速度移动,那么它们将在起点之间的中间点相遇。目前,你的元素实际上会切换位置。您可能希望在
步骤
@gvee上更新它们的目的地。它们将以不同的速度移动,并且可能需要离开直接路径以避开其他对象,因此需要不断计算新的目标坐标。我可以在每秒发射20-30次的循环中执行此操作,但我担心这会执行得更差。