原文:【Unity】贝塞尔曲线关于点、长度、切线计算在 Unity中的C#实现

写在前面

最近给项目做了个路径编辑,基本思路是满足几个基本需求:

【额外说明】其实本篇和这个没关系,可以跳过“写在前面”这部分,跨到正文部分

编辑时:

① 随意增减、插入、删除路点,只要路点数量大于1,绘制曲线,曲线必定经过路点。

② 调整路点的Forward方向,控制曲线的入线切线方向、出线切线方向。这样可以通过旋转直接调整曲线形状。

③ 控制Forward方向的基础上,增添描述切线“强度”的变量,来进一步控制曲线的形状。

④ 可以指定每段曲线的逻辑长度,程序提供一个曲线近似长度帮助确定逻辑长度。

⑤ 导出曲线的数据。

运行时,可以根绝数据:

⑥ 对路点进行从0开始的编号,使用0.01~0.99来描述在某段曲线上的位置(逻辑上的),然后转化成为实际的坐标。

⑦ 可以获得在曲线上任意一点的切线方向。


正文


从路点、路点forward到三阶贝塞尔曲线的四个点

关于贝塞尔曲线,可见下文

贝塞尔曲线

贝塞尔曲线在线演示

每两个路点作为三阶贝塞尔曲线的起点(第0个点P0)和终点(第3个点P3)。

起点路点的Forward方向乘以“强度”的变量,再加上起点坐标,作为第1个点P1。

起点路点的Forward反方向乘以“强度”的变量,再加上起点坐标,作为第2个点P2。



得到 p0~p4这四个点之后,即可使用三阶贝塞尔曲线的相关公式了

绘制贝塞尔曲线,图中红色线条部分


三阶贝塞尔曲线线上某点坐标(Unity & C#)

三阶贝塞尔曲线公式(来自百度百科)

形参中的 t, p0, p1, p2, p3 分别对应公式中的 t 以及 p0~p3

    public Vector3 BezierPoint(float t, Vector3 p0, Vector3 p1, Vector3 p2, Vector3 p3)
{
float u = 1 - t;
float tt = t * t;
float uu = u * u;
float uuu = uu * u;
float ttt = tt * t; Vector3 p = uuu * p0;
p += 3 * uu * t * p1;
p += 3 * u * tt * p2;
p += ttt * p3; return p;
}

三阶贝塞尔曲线的近似长度(Unity & C#)

计算长度的思路:

在贝塞尔曲线上取n个点,计算点之间的直线长度,进行加和,从而取得一个曲线的近似长度。取点越多这个长度越趋向于精确。

形参中的p0, p1, p2, p3 分别对应公式中的 p0~p3。pointCount代表取点个数,默认30。

    public float BezierLength(Vector3 p0, Vector3 p1, Vector3 p2, Vector3 p3, int pointCount = 30)
{
if (pointCount < 2)
{
return 0;
} //取点 默认 30个
float length = 0.0f;
Vector3 lastPoint = BezierPoint(0.0f / (float)pointCount, p0, p1, p2, p3);
for (int i = 1; i <= pointCount; i++)
{
Vector3 point = BezierPoint((float)i/(float)pointCount, p0, p1, p2, p3);
length += Vector3.Distance(point, lastPoint);
lastPoint = point;
}
return length;
}

三阶贝塞尔曲线线上某点的切线(Unity & C#)

在已知贝塞尔曲线表达式的情况下,想要知道某点的切线,对曲线求导。

可得:

整理后可得

整体公式构成只有p0~p3 以及 t 和 (1-t),为了表达式更直接,不进行进一步的整理。

所以得到下面的代码

形参中的 t, p0, p1, p2, p3 分别对应公式中的 t 以及 p0~p3

    public Vector3 BezierTangent(float t, Vector3 p0, Vector3 p1, Vector3 p2, Vector3 p3)
{
float u = 1 - t;
float uu = u * u;
float tu = t * u;
float tt = t * t; Vector3 P = p0 * 3 * uu * (-1.0f);
P += p1 * 3 * (uu - 2 * tu);
P += p2 * 3 * (2 * tu - tt);
P += p3 * 3 * tt; //返回单位向量
return P.normalized;
}

写在后面

主要参照:

Unity游戏中使用贝塞尔曲线

求二次、三次贝塞尔曲线的某个时间的位置及切线方向

转载请注明,出自喵喵丸的博客http://blog.csdn.net/u011643833/article/details/78540554

【Unity】贝塞尔曲线关于点、长度、切线计算在 Unity中的C#实现的更多相关文章

  1. NGUI研究院之在Unity中使用贝塞尔曲线(六)[转]

    鼎鼎大名的贝塞尔曲线相信大家都耳熟能详.这两天因为工作的原因需要将贝塞尔曲线加在工程中,那么MOMO迅速的研究了一下成果就分享给大家了哦.贝塞尔曲线的原理是由两个点构成的任意角度的曲线,这两个点一个是 ...

  2. 在Unity中使用贝塞尔曲线(转)

    鼎鼎大名的贝塞尔曲线相信大家都耳熟能详.这两天因为工作的原因需要将贝塞尔曲线加在工程中,那么MOMO迅速的研究了一下成果就分享给大家了哦.贝塞尔曲线的原理是由两个点构成的任意角度的曲线,这两个点一个是 ...

  3. NGUI研究之在Unity中使用贝塞尔曲线

    鼎鼎大名的贝塞尔曲线相信大家都耳熟能详.这两天由于工作的原因须要将贝塞尔曲线加在project中.那么我迅速的研究了一下成果就分享给大家了哦.贝塞尔曲线的原理是由两个点构成的随意角度的曲线,这两个点一 ...

  4. JS模拟CSS3动画-贝塞尔曲线

    一.什么是贝塞尔曲线 1962年,法国工程师皮埃尔·贝塞尔(Pierre Bézier),贝塞尔曲线来为为解决汽车的主体的设计问题而发明了贝塞尔曲线.如今,贝赛尔曲线是计算机图形学中相当重要的一种曲线 ...

  5. Android 贝塞尔曲线解析

    相信很多同学都知道"贝塞尔曲线"这个词,我们在很多地方都能经常看到.利用"贝塞尔曲线"可以做出很多好看的UI效果,本篇博客就让我们一起学习"贝塞尔曲线 ...

  6. CSS总结六:动画(一)ransition:过渡、animation:动画、贝塞尔曲线、step值的应用

    transition-property transition-duration transition-timing-function transition-delay animation-name a ...

  7. WPF贝塞尔曲线示例

    WPF贝塞尔曲线示例 贝塞尔曲线在之前使用SVG的时候其实就已经有接触到了,但应用未深,了解的不是很多,最近在进行图形操作的时候需要用到贝塞尔曲线,所以又重新来了解WPF中贝塞尔曲线的绘制. 一阶贝塞 ...

  8. 关于photoshop钢笔工具中各点对应到“贝塞尔曲线”中的含义(cocos2d-x与iOS)

    1.程序中贝塞尔曲线的简单介绍,只介绍曲线部分.程序中的贝塞尔曲线需要四个点:起始点(startPoint) ,控制点1(controlPoint1),控制点2(controlPoint2),结束点( ...

  9. 基于CAShapeLayer和贝塞尔曲线的圆形进度条动画

    通过CAShapeLayer和贝塞尔曲线搭配的方法,创建的简单的圆形进度条的教程先简单的介绍下CAShapeLayer1,CAShapeLayer继承自CALayer,可使用CALayer的所有属性2 ...

随机推荐

  1. 【t070】二进制

    Time Limit: 1 second Memory Limit: 128 MB [问题描述] 求所有可以只用1和00拼成的长度为N的二进制数的个数除以15746的余数. 比如当N=4的时候,有5个 ...

  2. 为什么 qt 成为 c++ 界面编程的第一选择?

    为什么qt成为c++界面编程的第一选择 一.前言 为什么现在QT越来越成为界面编程的第一选择,笔者从事qt界面编程已经有接近8年,在这之前我做C++界面都是基于MFC,也做过5年左右.当时为什么会从M ...

  3. 图形界面Aardio

    用aardio给python写个图形界面 前阵子在用python写一些小程序,写完后就开始思考怎么给python程序配一个图形界面,毕竟控制台实在太丑陋了. 于是百度了下python的图形界面库,眼花 ...

  4. Django会话cookie&session

    任务描述:实现登录和退出 1.项目结构 2.源代码 urls.py from django.conf.urls import url from django.contrib import admin ...

  5. ArcEngine开发之Command控件使用篇

    转自原文 ArcEngine开发之Command控件使用篇 在ArcEngine类库中有大量的Command控件用来与地图控件进行操作和交互.比如有一系列的地图浏览控件.地图查询控件.图斑选取控件.编 ...

  6. 关于用WebView或手机浏览器打开连接问题

    1.通常情况下 大家可能都想使用WebView打开网页内部链接而不想再调用手机浏览器,我们可以通过以下两种方法实现: (1)为WebView设置一个WebViewClient,并重写shouldOve ...

  7. php课程 4-14 数组如何定义使用

    php课程 4-14  数组如何定义使用 一.总结 1.各种语言键值对取值和赋值赋值表达式左边的特点是什么? 键值对,用于取值和赋值,取值和赋值的左边都是一样的 2.各种语言键值对取值或者赋值的时候如 ...

  8. 【矩阵】概念的理解 —— span、基

    span:全部列向量的线性组合构成的集合: span[a1,-,an]={y∈Rm|y=∑k=1nckak}=S 注:ak∈Rm,共 n 个列向量: 集合 S 可以有不同的一组基,但是基中向量的个数是 ...

  9. java 替换json字符串中间的引号保留两边的引号,避免json校验失败

    一.json概要 JSON(JavaScript Object Notation, JS 对象标记)-一种轻量级的数据交换标准(相对xml),独立于编程语言.具体以逗号分隔的key:value键值对的 ...

  10. 学习算法 - 表指针实现~ C++

    表指针实现.第二种方法是使用访问列表,模拟指针. 在我的理解中学习,它是创建一个节点数组,模拟存储装置,然后从中分配内存和释放内存. 但实际的内存没有被释放~ 下面的代码直接附着: // // mai ...