시각화/p5.js 2

▶ [p5.js] 기초 :: 베지어곡선 (Bezier Curve) 활용하기 2. bezierPoint()

▶ [p5.js] 기초 :: 베지어곡선 (Bezier Curve) 활용하기 2. bezierPoint() 이번 글 역시 지난 글에이어 베지어 곡선에 대한 내용을 정리해 볼 것이다. 지난 글에서 Bezier 곡선에 대한 기본적인 내용 및 p5.js에서의 베지어 관련 기본함수인 bezier()에 대한 내용을 정리했고, 이번 글에서는 bezierPoint()에 대한 내용을 다룰 것이다. 지난글 ▶ [p5.js] 기초 :: 베지어곡선 (Bezier Curve) 활용하기 - 1. 기본내용 및 bezier() 이해 bezierPoint() 함수 지난 시간과 동일하게, 우선 최소한의 예제코드와 - 그를 통해 구현되는 형태를 나란히 놓고 살펴보자. See the Pen p5.js bezierPoint() - examp..

시각화/p5.js 2016.07.13

▶ [p5.js] 기초 :: 베지어곡선 (Bezier Curve) 활용하기

▶ [p5.js] 기초 :: 베지어(Bezier) 활용하기 - 1. 기본 개념 및 bezier()함수 이번 글에서는 P5.js 에서 Bezier Curve 를 활용하는 방법에 대해 정리해 보려고 한다. 시작 이 '베지어'라는 개념은 (나를 포함하여) 꽤- 많은 사람들을 긴장하게 만드는, 뭔가 묘한 매력이 있다. 잘 사용하면 그만큼 아름다운 무언가를 만들어 낼 수 있지만, 그 '잘 사용한다'라는 개념까지 이르기가 너무 어렵다. 즉, 진입장벽이 꽤 높다는 말이다. 미리 말하지만, 이 글에서 진입장벽의 높이를 보일 생각은 없다. 나도 알아가는 사람 중 한 명이기 때문이다. 글 도입부에 이렇게 '베지어 곡선'의 위대한 진입장벽에 대해 이야기하는 이유는 간단하다. '조금 어려운 단어와 개념들이 등장하더라도 당황하..

시각화/p5.js 2016.07.13