2023-03-09

https://zhuanlan.zhihu.com/p/366797450

1. 前言

贝塞尔曲线(Bézier Curve)[1],也被称为贝塞尔多项式(Bézier Polynomial),是由一系列控制点(Control Point)所定义的一条平滑曲线。Pierre Bézier 于1960年开始利用该曲线设计雷诺的车身线条,故命名为贝塞尔曲线。目前,贝塞尔曲线被广泛应用于图形学、设计以及诸多相关领域中。

2. 定义

贝塞尔曲线可以由如下参数方程表示:

(1)B(t)=∑i=0nCin(1−t)n−itiPi

即:

(2)B(t)=(1−t)nP0+C1n(1−t)n−1tP1+⋅⋅⋅+Cn−1n(1−t)tn−1Pn−1+tnPn 

其中 n 为控制点 P 的数目减一(下标从0开始),且 0≤t≤1 。

3. 一次贝塞尔曲线

一次贝塞尔曲线由两个控制点所定义,即 n=1 ,带入公式 (2) 可得: 

(3)B(t)=(1−t)P0+tP1

整理可得:

(4)B(t)=P0+(P1−P0)t

由 公式(4) 可以更清楚的理解,一次贝塞尔曲线实际上就是在对 P0 和 P1 两个点做线性插值。根据 t 值的不同,插值所得到的一系列点组成了一次贝塞尔曲线。


一次贝塞尔曲线

4. 二次贝塞尔曲线

二次贝塞尔曲线由三个控制点组成,即 n=2 ,带入公式 (2) 可得:

(5)B(t)=(1−t)2P0+2(1−t)tP1+t2P2

作为参数方程,公式 (5) 对于二次贝塞尔曲线上点的坐标的求解非常高效。然而,从形式上来说,过于抽象,并不利于理解。

要理解二次贝塞尔曲线,可以参考上篇文章中不同维度柏林噪声之间的关系。一维柏林噪声是在两个点之间做平滑插值,二维柏林噪声是利用四个点,做三次插值。实际上,二次贝塞尔曲线也可以由类似的方式求得。

对 P0 和 P1 做线性插值可以得到:

(6)B1(t)=P0+(P1−P0)t

对 P1 和 P2 做线性插值可以得到:

(7)B2(t)=P1+(P2−P1)t

对B1(t) 和 B2(t) 做线性插值可以得到:

(8)B(t)=B1(t)+(B2(t)−B1(t))t

把公式 (6) 和 (7) 带入到公式 (8) ,展开并整理即可得到公式 (5) 。

那么现在,二次贝塞尔曲线的神秘面纱也被揭开了:三个控制点依次连成两条线(首尾不相连),在两条线上做线性插值得到两个点,再在这两个点连成的线上用同一个 t 值做线性插值,即可得到这三个控制点所定义的二次贝塞尔曲线上的点。


二次贝塞尔曲线

5. 三次贝塞尔曲线

在分析和理解二次贝塞尔曲线之后,三次贝塞尔曲线的求解就很简单了:四个控制点依次连成三条线(首尾不相连),在三条线上做线性插值得到三个点,这个三个点又可以依次连成两条线,再在这两条线上利用同一个 t 做线性插值,得到两个新的点,再利用这个 t 在两个新点连成的线上做插值,得到最终的三次贝塞尔曲线上的点。

三次贝塞尔曲线

这里看上去和二次贝塞尔曲线差不多,是中间两个控制点的位置摆放问题。通过调整两个控制点的位置,三次贝塞尔曲线可以实现比二次更复杂的曲线。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342