返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >Unity贝塞尔曲线之美体验
  • 664
分享到

Unity贝塞尔曲线之美体验

2024-04-02 19:04:59 664人浏览 八月长安
摘要

最近项目中用到了贝塞尔曲线,学习完成后记录一下自己的学习结果吧。 一阶贝塞尔曲线 一阶贝塞尔曲线就是一条线,我们很容易根据 t 求出 t 点的位置。 P(t)=P0+(P1-P

最近项目中用到了贝塞尔曲线,学习完成后记录一下自己的学习结果吧。

一阶贝塞尔曲线

一阶贝塞尔曲线就是一条线,我们很容易根据 t 求出 t 点的位置。

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

二阶贝塞尔曲线

取平面内三个不共线的点,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;
    }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: Unity贝塞尔曲线之美体验

本文链接: https://lsjlt.com/news/154518.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Unity贝塞尔曲线之美体验
    最近项目中用到了贝塞尔曲线,学习完成后记录一下自己的学习结果吧。 一阶贝塞尔曲线 一阶贝塞尔曲线就是一条线,我们很容易根据 t 求出 t 点的位置。 P(t)=P0+(P1-P...
    99+
    2024-04-02
  • AS3贝塞尔曲线类
    贝塞尔曲线被广泛用于塔防类的游戏,当然一些特殊的缓动效果有些 也用 到这个 , 目前 这个没必要我们担心 , TweenMax 为我们提供了这些功能. package com.ainy.benz { import flash.geo...
    99+
    2023-01-31
    塞尔 曲线
  • android实现贝塞尔曲线之波浪效果
    本文实例为大家分享了android实现贝塞尔曲线之波浪效果的具体代码,供大家参考,具体内容如下 1 前言 为了给我以前的博客填坑,这章讲解贝塞尔曲线的几个常用的应用: 1.波浪效果2...
    99+
    2024-04-02
  • iOS实现贝塞尔曲线动画
    本文实例为大家分享了iOS实现贝塞尔曲线动画的具体代码,供大家参考,具体内容如下 效果如图: 仿美人相机,手势滑动隐藏顶部view。为了方便讲解,将屏幕分为几个区域,如图: 在拖...
    99+
    2022-06-04
    iOS 贝塞尔曲线
  • canvas如何仿写贝塞尔曲线
    这篇文章给大家分享的是有关canvas如何仿写贝塞尔曲线的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。效果图:html<canvas id="mycan...
    99+
    2024-04-02
  • Android自定义view贝塞尔曲线
    本文实例为大家分享了Android自定义view贝塞尔曲线,供大家参考,具体内容如下 贝塞尔曲线 以一个简单的贝塞尔曲线为例,二阶曲线原理 贝塞尔曲线很多功能都会用到,比如小火箭发...
    99+
    2024-04-02
  • Android用Canvas绘制贝塞尔曲线
    用Canvas画贝塞尔曲线,要画贝塞尔曲线首先了解贝塞尔曲线: 由于用计算机画图大部分时间是操作鼠标来掌握线条的路径,与手绘的感觉和效果有很大的差别。即使是一位精明的画师能轻松绘出各...
    99+
    2024-04-02
  • C#实现贝塞尔曲线的方法
    本文实例为大家分享了C#实现贝塞尔曲线的具体代码,供大家参考,具体内容如下 话不多直接上代码 public Transform[] controlPoints; //曲线的控制点 ,...
    99+
    2024-04-02
  • HTML5 Canvas如何绘制贝塞尔曲线
    这篇文章给大家分享的是有关HTML5 Canvas如何绘制贝塞尔曲线的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 贝塞尔曲线 :它可以是二次和三次方的形式,一般用于绘制复杂而...
    99+
    2024-04-02
  • Android使用贝塞尔曲线画心形
    本文实例为大家分享了Android使用贝塞尔曲线画心形的具体代码,供大家参考,具体内容如下 一开始我只是想画个圆,可画着画着就成了心形,那就将错就错 1. 创建一个Activity ...
    99+
    2024-04-02
  • 贝塞尔曲线、Path、PathMeasure理解在Android中
     1. 贝塞尔曲线在数学上的理解    3 点确定一断曲线,对于二阶贝塞尔曲线    在t 时间内,    从p0 到  q    从q  到 p1 上的点的连线,对应的切线,...
    99+
    2022-06-06
    path 贝塞尔 贝塞尔曲线 Android
  • android中贝塞尔曲线的应用示例
    前言: 贝塞尔曲线又称贝兹曲线,它的主要意义在于无论是直线或曲线都能在数学上予以描述。最初由保罗·德卡斯特里奥(Paul de Casteljau)于1959年运用德卡斯特里奥...
    99+
    2022-06-06
    示例 贝塞尔 贝塞尔曲线 Android
  • 如何使用canvas绘制贝塞尔曲线
    今天就跟大家聊聊有关如何使用canvas绘制贝塞尔曲线,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。1、二次贝塞尔曲线  quadraticCurv...
    99+
    2024-04-02
  • canvas如何实现高阶贝塞尔曲线
    这篇文章主要介绍canvas如何实现高阶贝塞尔曲线,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!为什么需要一个试验场?在绘制复杂的高阶贝塞尔曲线时无法知道自己需要的曲线的控制点的精确位置。在试验场中进行模拟,可以实时...
    99+
    2023-06-09
  • 怎么在CSS中反转贝塞尔曲线
    今天就跟大家聊聊有关怎么在CSS中反转贝塞尔曲线,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。css是什么意思css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设...
    99+
    2023-06-08
  • Android怎么自定义view贝塞尔曲线
    这篇文章主要介绍了Android怎么自定义view贝塞尔曲线的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Android怎么自定义view贝塞尔曲线文章都会有所收获,下面我们一起来看看吧。贝塞尔曲线以一个简单的...
    99+
    2023-07-02
  • Android怎么用Canvas绘制贝塞尔曲线
    这篇文章主要介绍了Android怎么用Canvas绘制贝塞尔曲线的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Android怎么用Canvas绘制贝塞尔曲线文章都会有所收获,下面我们一起来看看吧。用Canvas...
    99+
    2023-07-02
  • 怎么用android实现贝塞尔曲线之波浪效果
    这篇文章主要介绍“怎么用android实现贝塞尔曲线之波浪效果”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么用android实现贝塞尔曲线之波浪效果”文章能帮助大家解决问题。1 前言贝塞尔曲线的...
    99+
    2023-07-02
  • Android贝塞尔曲线初步学习第一课
    贝塞尔曲线有一阶、二阶、三阶、N阶 一阶就是一条直线,有起点终点,没有控制点,对应方法就是 canvas.drawLine(float startX, float sta...
    99+
    2022-06-06
    学习 Android
  • css3贝塞尔曲线函数有哪些参数
    本篇内容主要讲解“css3贝塞尔曲线函数有哪些参数”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css3贝塞尔曲线函数有哪些参数”吧! ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作