#G10 · 幾何與三角函數 (Geometry & Trig) · Lv.3在3D思維導圖中查看

貝茲曲線 (Bézier Curve) 參數方程

Pierre Bézier & Paul de Casteljau · 1962년

\mathbf{B}(t) = \sum_{k=0}^{n} \binom{n}{k}(1-t)^{n-k}t^k \mathbf{P}_k \quad (0 \le t \le 1)

\mathbf{B}_2(t) = (1-t)^2\mathbf{P}_0 + 2(1-t)t\mathbf{P}_1 + t^2\mathbf{P}_2

利用二項式伯恩斯坦基函數對控制點進行遞迴線性插值(Lerp)，是現代向量字型、SVG路徑、CAD工業設計與3D動畫軌跡的核心公式。

🧮 即時公式計算器與圖形繪製器

參數 t

控制點 P1y

B_2(0.50) = 0.25P_0 + 0.50P_1(8) + 0.25P_2 = 4.500

베지에 곡선 높이 B_y(0.5)

4.500

번스타인 가중치 합 ∑B_k

1.000

제어점 P₁ 가중치 2(1-t)t

50.0%

先修概念路徑 (Prerequisite Path) (9 STEP)

完整路徑分析

按順序點擊即可沿3D霓虹路徑從基礎直達目標公式。

STEP 1#A02乘法公式與因式分解恆等式

(a+b)^2 = a^2 + 2ab + b^2

STEP 2#A03指數法則與根式運算

a^m \cdot a^n = a^{m+n}

STEP 3#G01畢達哥拉斯定理 (畢氏定理)

a^2 + b^2 = c^2 \implies c = \sqrt{a^2 + b^2}

STEP 4#A01等式性質與一元一次方程

ax + b = 0 \implies x = -\frac{b}{a}

STEP 5#A04一元二次方程求根公式與判別式

x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

STEP 6#A08二項式定理與帕斯卡三角形

(a+b)^n = \sum_{k=0}^{n} \binom{n}{k} a^{n-k} b^k

STEP 7#G02二維與三維空間歐幾里得距離公式

d(P

STEP 8#G07圓錐曲線 (拋物線·橢圓·雙曲線) 方程

\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1

STEP 9#G10貝茲曲線 (Bézier Curve) 參數方程

\mathbf{B}(t) = \sum_{k=0}^{n} \binom{n}{k}(1-t)^{n-k}t^k \mathbf{P}_k \quad (0 \le t \le 1)

幾何與直觀原理解析

선분 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;

幾何與三角函數 (Geometry & Trig) — 同領域相關公式

畢達哥拉斯定理 (畢氏定理)

Lv.1 · Game Physics Distance

二維與三維空間歐幾里得距離公式

Lv.2 · K-Means & KNN ML

圓周率 π 與弧度制·扇形公式

Lv.1 · Three.js Radians

單位圓三角函數與基本恆等式

Lv.2 · LLM RoPE Encoding

正弦定理與餘弦定理

Lv.2 · Inverse Kinematics IK

三角函數和差角公式與二倍角公式

Lv.3 · Rotation Matrix Proof