Bezier Curve Example

조절점이 3개일 경우 일반 베지에 곡선의 일반식

B(u) = P₀ * ( 1 – u ) ² + P₁ * 2 * u ( 1 – u ) + P₂ u²

을 이용하면 단순히 베지에 곡선을 그리는 것으로 끝나는 것이 아니라 각 포인트를 추적할 수 있다.

플래시에서 제공하는 curveTo 메서드도 물론 위 공식에 의한 계산으로 곡선을 그리는 것이지만 그리는것 이상의 것은 할 수 없었다.

function bezierPoint(mc:MovieClip,t:Number){
  var x = ( 1 - t ) * ( 1 - t ) * mc.p1._x + 2 * t * ( 1 - t ) * mc.p2._x + t * t * mc.p3._x;
  var y = ( 1 - t ) * ( 1 - t ) * mc.p1._y + 2 * t * ( 1 - t ) * mc.p2._y + t * t * mc.p3._y;
  mc.point_mc._x=x;
  mc.point_mc._y=y;
}

control point 와 anchor point  를 지정해 곡선을 그리고 더 나아가 그린 곡선위의 포인트를 계산에 의해 추적이 가능하다. 즉, 스크립트로 모션이 가능하다.