#G10 · 几何与三角函数 (Geometry & Trig) · Lv.3在3D思维导图中查看
贝塞尔曲线 (Bézier Curve) 参数方程
Pierre Bézier & Paul de Casteljau · 1962년
利用二项式伯恩斯坦基函数对控制点进行递归线性插值(Lerp),是现代矢量字体、SVG路径、CAD工业设计与3D动画轨迹的核心公式。
🧮 即时公式计算器与图形绘制器
参数 t
控制点 P1y
베지에 곡선 높이 B_y(0.5)
4.500
번스타인 가중치 합 ∑B_k
1.000
제어점 P₁ 가중치 2(1-t)t
50.0%
先修概念路径 (Prerequisite Path) (9 STEP)
完整路径分析按顺序点击即可沿3D霓虹路径从基础直达目标公式。
几何与直观原理解析
선분 P₀P₁ 위의 내분점과 선분 P₁P₂ 위의 내분점을 구한 뒤, 그 두 점을 다시 비율 t:(1-t)로 선형보간(Lerp)하여 이으면 마법처럼 부드러운 포물선 곡선이 그려집니다(드 카스텔조 알고리즘).
分步公式推导过程
- Step 1.1단계: 1차 선형보간 L₀(t) = (1-t)P₀ + tP₁ 과 L₁(t) = (1-t)P₁ + tP₂ 를 구합니다.
- Step 2.2단계: 두 점을 다시 보간하면 B₂(t) = (1-t)L₀(t) + tL₁(t) = (1-t)²P₀ + 2(1-t)tP₁ + t²P₂
- Step 3.3단계: 이를 n차로 반복하면 이항정리 계수 nCk (1-t)^(n-k) t^k 가 가중치로 나타납니다.
AI与编程实战应用
SVG矢量图形、CSS动画cubic-bezier缓动函数、字体渲染与自动驾驶平滑轨迹规划
#SVG & Font Rendering#CSS cubic-bezier#3D Camera Splines
const quadBezier = (p0:number, p1:number, p2:number, t:number) => (1-t)*(1-t)*p0 + 2*(1-t)*t*p1 + t*t*p2;