前言
最近公司app上需要做一个购物车,我就在寻思要不要做一点“特效”😏。于是我就查了百度,了解了如何用贝塞尔抛物线做一个购物车动画,就是点击购物飞到购物车的效果。
那我就开始分块来记录一下。
第一步 什么是贝塞尔抛物线
这个网络上有很多,来看几张图
线性贝塞尔曲线
给定点P0、P1,线性贝塞尔曲线只是一条两点之间的直线。这条线由下式给出:
二次方贝塞尔曲线
二次方贝塞尔曲线的路径由给定点P0、P1、P2的函数B(t)追踪:
三次方贝塞尔曲线
P0、P1、P2、P3四个点在平面或在三维空间中定义了三次方贝塞尔曲线。曲线起始于P0走向P1,并从P2的方向来到P3。一般不会经过P1或P2;公式如下:
N次方贝塞尔曲线
身为三维生物超出三维我很方,这里只给示例图。想具体了解的同学请左转度娘。
以上就是作为一个贝塞尔曲线的简介
为了做出将物品点击飞出到某个点。还是需要二次方贝塞尔曲线的。