文章/答案/技术大牛

发布

社区首页 >问答首页 >如何用GSAP动画/停车自顶向下的汽车

问如何用GSAP动画/停车自顶向下的汽车
EN

Stack Overflow用户

提问于 2017-08-16 15:37:06

回答 1查看 143关注 0票数 0

我只是在尝试使用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
        });

animation

gsap

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-16 16:14:57

你的小提琴没有联系。

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

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

文档

示例

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45717768

复制

相似问题

问如何用GSAP动画/停车自顶向下的汽车
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用GSAP动画/停车自顶向下的汽车EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用GSAP动画/停车自顶向下的汽车
EN