Question

我只是尝试使用GSAP库TweenMax和TimelineMax。

我想要完成的是一个倒车角度为90度的停车场。但我不确定需要什么样的数学才能使它看起来真实。

我有一个小提琴，我试着转弯，但它看起来更像汽车漂流。

有什么建议吗？

timeline.to(car, 2, {
            x: "-=300", y: "+=300", ease: Linear.easeNone
        }).to(car, 0.25, {
            x: "-=30", y: "+=50", directionalRotation: "-=5_ccw", ease: Linear.easeNone
        }).to(car, 0.25, {
            x: "-=30", y: "+=50", directionalRotation: "-=5_ccw", ease: Linear.easeNone
        }).to(car, 0.25, {
            x: "-=30", y: "+=50", directionalRotation: "-=5_ccw", ease: Linear.easeNone
        }).to(car, 0.25, {
            x: "-=30", y: "+=50", directionalRotation: "-=5_ccw", ease: Linear.easeNone
        }).to(car, 0.25, {
            x: "-=30", y: "+=50", directionalRotation: "-=5_ccw", ease: Linear.easeNone
        });

Answer 1

你的小提琴没有联系。

GSAP的TweenMax包含一个Bezier插件，它允许对象沿着路径移动，这是您想要的，而不是谨慎的值，这就是您所拥有的。

TweenMax.to(car, 2, {bezier:{values:path, type:"cubic"}, ease:Linear.easeNone})

Documentation

Example

如何使用GSAP动画/停放自上而下的汽车

1 个答案: