主要为大家详细介绍了js弹性势能动画之抛物线运动的制作方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本篇文章给大家详细分析了JS抛物线动画制作过程以及相关的代码实例分享，有兴趣的朋友参考下。

在做无人便利小程序的项目中，某一天产品说要像某产商产品学习，给添加购物车增加抛物线小球动画。好吧，产品你最大，做！ 先给大家看下效果图 分析 这种不固定起始位置的动画，自然不能用 gif 图，所以只能用原生代码实现 那我们有什么工具来实现动画呢？ 小程序提供了 JS API createAnimation 来创建动画 CSS animation 工具有了，我们再看一下什么是抛物线。 这里我们只讨论水平抛物线，水平抛物线从数学原理上来说就是【水平匀速、垂直加速的运动】，转换成代码层面就是在