Paper.js는 웹에서 벡터 그래픽을 다루는 [[자바스크립트 라이브러리]]다.

- [공식 웹사이트](https://paperjs.org/)
- [소스 코드](https://github.com/paperjs/paper.js)
- [라이선스](https://raw.githubusercontent.com/paperjs/paper.js/develop/LICENSE.txt)

- 경로와 곡선과 점부터 만들고, 서로의 관계를 계산해볼 수 있다.
- 마우스와 키보드를 연결해 그림을 움직이거나 바꿔볼 수 있다.
- 완성된 파일을 보여주는 데서 한 걸음 더. [[그리는 과정의 규칙]]을 프로그램으로 만들어볼 수 있다.

[[그래픽 디자인]]의 선과 형태를 상호작용의 재료로 사용해보고 싶을 때 유용하다.

## 기타 등등

- Paper.js의 배경에는 어도비 일러스트레이터 안에서 코드를 실행하던 스크립토그래퍼(Scriptographer)가 있다. 공식 소개는 두 환경 사이의 상당한 호환성을 설명하며, 웹 브라우저의 벡터 도구가 인쇄물 작업용 프로그램과 이어지는 계보를 보여준다. [출처](https://paperjs.org/about/)
- 코드에서 `Point`를 하나 만들었다고 화면에 점이 찍히지는 않는다. 좌표를 나타내는 값과 실제로 그리는 경로는 별개여서, 위치를 계산하는 일과 그림을 만드는 일을 나누어 다룰 수 있다. [출처](https://paperjs.org/tutorials/geometry/point-size-and-rectangle/)

#오픈소스 #도구 #웹사이트 #자바스크립트 #그래픽디자인 #SVG