[미디어아트] p5.js - 창의적 코딩을 위한 자바스크립트 라이브러리

p5.js는 창의적인 코딩을 위한 자바 스크립트 라이브러리 입니다.

p5.js는 창의적인 코딩을위한 자바 스크립트 라이브러리로, 아티스트, 디자이너, 교육자, 초보자 및 기타 모든 사람이 코딩에 액세스하고 포괄적으로 사용할 수 있도록하는 데 중점을 둡니다! p5.js는 소프트웨어와이를 학습하기위한 도구가 모든 사람이 액세스 할 수 있어야한다고 믿기 때문에 무료이며 오픈 소스입니다.

스케치의 은유를 사용하여 p5.js에는 전체 그리기 기능이 있습니다. 그러나 그리기 캔버스에 국한되지 않습니다. 텍스트, 입력, 비디오, 웹캠 및 사운드를위한 HTML5 개체를 포함하여 전체 브라우저 페이지를 스케치로 생각할 수 있습니다.

 

 

p5.js 를 이용하면 아래와 같이 웹에서 동작하는 다양한 창작물을 손쉽게 만들어 낼 수 있습니다.

자세히 보러가기 [ 클릭 ]=> https://p5js.org/showcase/

 

 

 

 

아래의 웹에디터를 통해 p5.js를 즉시 브라우저에서 코딩하고 실행할 수 있습니다.

웹에디터 실행하기 [ 클릭 ] => https://editor.p5js.org/

 

 

 

 

 

p5.js 에서는 현재 아래와 같이 16가지 카테고리의 API 들을 기본 기능으로 제공하고 있습니다.

 

 

 

 

 

추가적으로는 p5.sound와 커뮤니티를 통해 개발 및 유지보수되는 다양한 라이브러리 들이 있습니다.

라이브러리 자세히 살펴보기 [ 클릭 ] => https://p5js.org/libraries/

 

 

 

마치며

이상으로 예술과 기술의 융합을 위하여 예술가도 쉽게 코딩을 할수 있게 하려는 목적으로 설립된 프로세싱 파운데이션의 'p5.js' 자바스크립트 라이브러리에 대해 알아보았습니다.

자바스크립트라는 언어의 특성상 조금의 시간 투자로 결과물을 즉시 확인할수 있고, 이를 극대화 하기 위한 웹에디터까지 지원하는 p5.js를 이용하여 오늘부터 코딩을 배워보는 것은 어떨까요?