Bezier curve(베지어 곡선)

https://bae-codebox.tistory.com/142

베지어(bezier) 곡선

위 글을 보고오면 도움이 될 수도 있습니다. 장담은 못함.

---

2차 베지어 곡선 ( 출처 : 위키백과 )

 

자 이번엔 Three.js 에서 베지어 곡선을 그려볼 것이다.

다 모르겠고 함수쓸거다. 이해 못해도 괜찮다. 알아서 해준다. 

See the Pen bezier curve by iamdap91 (@iamdap91) on CodePen.

 

---

위의 베지어 곡선 코드를 코딱지만큼 응용하면 이런 걸 만들 수 있다. 구체 회전기능이 없어서 베지어 곡선이 잘 안보일텐데...

https://bae-codebox.tistory.com/141 에서 에서 적힌대로 orbitcontrol 을 적용하면 그려진 베지어 곡선을 확인할 수 있다. 아무래도 codepen 정말 jsfiddle 로 갈아타야 할 모양이다. 

See the Pen globe with bezier by iamdap91 (@iamdap91) on CodePen.

위 코드에서 singleGeoData 라는 함수가 있는데, 위/경도와 구의 크기(radius) 값을 주면 삼차원 상의 좌표를 구해주는 코드이다. 이 부분은 나중에 링크를 추가해 두도록 하겠다.