#G10 · 기하 · 삼각함수 (Geometry & Trig) · Lv.33D 마인드맵에서 보기

베지에 곡선(Bézier Curve) 매개변수 공식

피에르 베지에 · 폴 드 카스텔조 · 1962년

B(t)=∑k=0n(nk)(1−t)n−ktkPk(0≤t≤1)\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)
B2(t)=(1−t)2P0+2(1−t)tP1+t2P2\mathbf{B}_2(t) = (1-t)^2\mathbf{P}_0 + 2(1-t)t\mathbf{P}_1 + t^2\mathbf{P}_2

이항정리의 번스타인 다항식 가중치를 사용하여 몇 개의 제어점(Control Points)만으로 매끄러운 자유 곡선을 생성하는 현대 컴퓨터 그래픽스·폰트·3D 카메라 경로의 표준 공식입니다.

🧮 즉석 공식 계산기 & 그래프 플로터
보간 매개변수 t
제어점 높이 P1y
B2(0.50)=0.25P0+0.50P1(8)+0.25P2=4.500B_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 네온 경로를 따라 기초부터 목표 공식까지 정복합니다.

기하학적·직관적 원리 해설

선분 P₀P₁ 위의 내분점과 선분 P₁P₂ 위의 내분점을 구한 뒤, 그 두 점을 다시 비율 t:(1-t)로 선형보간(Lerp)하여 이으면 마법처럼 부드러운 포물선 곡선이 그려집니다(드 카스텔조 알고리즘).

단계별 수식 유도 과정

  1. Step 1.1단계: 1차 선형보간 L₀(t) = (1-t)P₀ + tP₁ 과 L₁(t) = (1-t)P₁ + tP₂ 를 구합니다.
  2. Step 2.2단계: 두 점을 다시 보간하면 B₂(t) = (1-t)L₀(t) + tL₁(t) = (1-t)²P₀ + 2(1-t)tP₁ + t²P₂
  3. Step 3.3단계: 이를 n차로 반복하면 이항정리 계수 nCk (1-t)^(n-k) t^k 가 가중치로 나타납니다.

AI · 프로그래밍 실전 활용처

SVG·CSS 애니메이션 이징(cubic-bezier), 트루타입 폰트 렌더링 및 자율주행·게임 3D 카메라 매끄러운 궤적 생성

#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) — 함께 탐험할 연관 공식