Unity貝塞爾曲線之美體驗

更新時間：2021年10月15日 10:07:36 作者：韭本菜

這篇文章主要帶大家體驗Unity貝塞爾曲線之美，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

最近項目中用到了貝塞爾曲線，學(xué)習(xí)完成后記錄一下自己的學(xué)習(xí)結(jié)果吧。

一階貝塞爾曲線

一階貝塞爾曲線就是一條線，我們很容易根據(jù) t 求出 t 點的位置。

P(t)=P0+(P1-P0)*t =(1-t)*P0+tP1 ； t[ 0,1] ,且其等同于線性插值。

二階貝塞爾曲線

取平面內(nèi)三個不共線的點，AB:AC=CD:CE,這個時候BD又是一條直線，可以按照一階的貝塞爾方程來進行線性插值了。

P(B)=(1-t)*P0+tP1 ;

P(D)=(1-t)P1+tP2 ;

P(t)=(1-t)*P(B)+tP(D)

=(1-t)*((1-t)*P0+tP1)+t((1-t)P1+tP2 )

=（1-t)² *P0+2t*(1-t)*P1+t²*P2 ;t[0,1];

代碼：

public LineRenderer line_b;
public LineRenderer line_a;
public LineRenderer line_c;
 
public Transform start;
public Transform end;
public Transform c;
 
    void Start()
    {
     
    }
    void Update()
    {
 
        line_a.SetPosition(0, start.position);
        line_a.SetPosition(1, c.position);
        line_c.SetPosition(0, end.position);
        line_c.SetPosition(1, c.position);
 
       // float distance = Vector3.Distance(start.position, end.position);
        Vector3 controlPoint = c.position;
            //start.position + (start.position+ c.position).normalized * distance / 1.6f;
 
        Vector3[] bcList = GetBeizerPathPointList(start.position, controlPoint, end.position, 50);
        line_b.positionCount = bcList.Length + 1;
        line_b.SetPosition(0, start.position);
        for (int i = 0; i < bcList.Length; i++)
        {
            Vector3 v = bcList[i];
            line_b.SetPosition(i + 1, v);
        }
 
 
    }
    public static Vector3[] GetBeizerPathPointList(Vector3 startPoint, Vector3 controlPoint, Vector3 endPoint, int pointNum)
    {
        Vector3[] BeizerPathPointList = new Vector3[pointNum];
        for (int i = 1; i <= pointNum; i++)
        {
            float t = i / (float)pointNum;
            Vector3 point = GetBeizerPathPoint(t, startPoint,
                controlPoint, endPoint);
            BeizerPathPointList[i - 1] = point;
        }
        return BeizerPathPointList;
    }
 
    //貝塞爾曲線二次方公式
    private static Vector3 GetBeizerPathPoint(float t, Vector3 p0, Vector3 p1, Vector3 p2)
    {
        return (1 - t) * (1 - t) * p0 + 2 * t * (1 - t) * p1 + t * t * p2;
    }

三階貝塞爾曲線

三階貝塞爾曲線和二階其實是同一個道理，都可以按照一階的貝塞爾方程來進行線性插值。這里就直接上公式了。

P(t)=P0*(1-t)³ +3P1*t*(1-t)²+3P2*t²*(1-t)+P3*t³ ; t[0,1];

代碼

public Transform start;
public Transform end;
public Transform c0;
public Transform c1;
 
    public LineRenderer line_b;
    public LineRenderer line_a;
    public LineRenderer line_c;
    public LineRenderer line_d;
    void Start()
    {
        
    }
 
    // Update is called once per frame
    void Update()
    {
        line_a.SetPosition(0, start.position);
        line_a.SetPosition(1, c0.position);
 
        line_c.SetPosition(0, c1.position);
        line_c.SetPosition(1, c0.position);
 
        line_d.SetPosition(0, c1.position);
        line_d.SetPosition(1, end.position);
 
 
 
        Vector3[] bcList = GetBeizerPathPointList(start.position, c0.position,c1.position, end.position, 50);
        line_b.positionCount = bcList.Length + 1;
        line_b.SetPosition(0, start.position);
        for (int i = 0; i < bcList.Length; i++)
        {
            Vector3 v = bcList[i];
            line_b.SetPosition(i + 1, v);
        }
 
    }
 
    public static Vector3[] GetBeizerPathPointList(Vector3 startPoint, Vector3 controlPoint0, Vector3 controlPoint1, Vector3 endPoint, int pointNum)
    {
        Vector3[] BeizerPathPointList = new Vector3[pointNum];
        for (int i = 1; i <= pointNum; i++)
        {
            float t = i / (float)pointNum;
            Vector3 point = GetBeizerPathPoint(t, startPoint,
                controlPoint0, controlPoint1, endPoint);
            BeizerPathPointList[i - 1] = point;
        }
        return BeizerPathPointList;
    }
 
 
 
    //貝塞爾曲線三次方公式
    private static Vector3 GetBeizerPathPoint(float t, Vector3 p0, Vector3 p1, Vector3 p2,Vector3 p3)
    {
        return (1 - t) * (1 - t) * (1 - t) * p0 +
                3 * p1 * t * (1 - t) * (1 - t) +
                3 * p2 * t * t * (1 - t) +
                p3 * t * t * t;
    }

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: