前言
最近公司app上需要做一個購物車,我就在尋思要不要做一點“特效”??遏片。于是我就查了百度嘹害,了解了如何用貝塞爾拋物線做一個購物車動畫,就是點擊購物飛到購物車的效果吮便。
那我就開始分塊來記錄一下笔呀。
第一步 什么是貝塞爾拋物線
這個網(wǎng)絡(luò)上有很多,來看幾張圖
線性貝塞爾曲線
給定點P0线衫、P1凿可,線性貝塞爾曲線只是一條兩點之間的直線。這條線由下式給出:
二次方貝塞爾曲線
二次方貝塞爾曲線的路徑由給定點P0授账、P1枯跑、P2的函數(shù)B(t)追蹤:
三次方貝塞爾曲線
P0、P1白热、P2敛助、P3四個點在平面或在三維空間中定義了三次方貝塞爾曲線。曲線起始于P0走向P1屋确,并從P2的方向來到P3纳击。一般不會經(jīng)過P1或P2续扔;公式如下:
N次方貝塞爾曲線
身為三維生物超出三維我很方,這里只給示例圖焕数。想具體了解的同學(xué)請左轉(zhuǎn)度娘纱昧。
以上就是作為一個貝塞爾曲線的簡介
為了做出將物品點擊飛出到某個點。還是需要二次方貝塞爾曲線的堡赔。