[WebGL][P5.js][웹 기반] WebGL 웹 기반 JavaScript 확장 라이브러리 P5.js

P5.js 웹 기반 JavaScript 확장 라이브러리로 Processing 프로세싱과 마찬가지로 미디어 아트, 그래픽 아트, 2D 게임 / WebGL 웹 기반 3D게임 등을 구현할 수 있습니다. 코드 구조는 함수 표현만 다를 뿐 Processing 프로세싱 코드 구조와 같습니다. 제가 사이드 프로젝트로 P5.js / WebGL을 이용해서 3D 게임 데모를 구현한 게시글이 있습니다. 소스코드도 깃허브 배포했으니 참고하시기 바랍니다.

P5.js는 예Qianqian Ye 가 리드하고, 로렌 맥카시 Lauren Lee McCarthy 가 창안하였고, Processing Foundation 프로세싱 재단에서 지원하고 있습니다.

P5.js  기본 코드 골격

function setup() {
 
}

function draw() {
  
}

 

P5.js  기본 제공 코드 (P5.js 웹 에디터)

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
}

 

P5.js 웹 에디터 작업 환경

====================================

구글 검색창에 "P5.js" 검색