베지어 곡선

 

https://ko.javascript.info/bezier-curve

베지어 곡선

위에 베지어 곡선에 대해서 아주 잘 정리되어 있다. 

 

 

 

 

유니티에서 구현해 봤다.

베지어 곡선을 만드는 알고리즘은 재귀적으로 구현하는데 다음과 같이 구현했다.

 

1. n개의 점을 잇는 n-1개의 선분을 만든다. 

2. 만들어진 각 선분에 t값에 비례하는 곳에 점을 찍는다. 

3. 따라서 n개의 점에 대하여 n-1개의 새로운 점들의 위치가 생긴다.

 

이것을 반복하면 결국 1개의 점이 남을것이고, 그 점의 위치가 베지어 곡선을 그리는 다음 위치가 된다. 

 

 

 

 

조절점 3개

 

 

 

조절점 4개

 

 

이렇게 조절점의 위치에 따라 고리 모양도 만들수 있다.