p5.js 공부하기

반가워요! p5.js의 세계에 오신 걸 환영합니다.이 글의 태그를 보면 프로세싱이라는 어디서 뭔가 익숙한 단어을 볼 수 있어요. 물론 이 프로세싱은 "처리중"이라는 뜻의 영어 단어가 아니라 프로그래밍 언어인 프로세싱이라는 언어입니다! 프로세싱은 미디어 아트를 만들 수

저번 포스팅에서도 언급했듯 p5.js는 자바로 되어 있는 Processing을 자바스크립트 버전으로 만든 라이브러리이다. 프로세싱의 거의 그대로 자바스크립트로 옮겼기 때문에 대부분의 코드가 동일하다.프로세싱(Processing)은 컴퓨터 프로그래밍의 본질을 시각적 개념

p5.js를 사용하기 위해서는 먼저 개발 환경을 세팅해야 해요. 저는 크게 아래 두 가지 방법을 추천합니다! 1. p5.js 설치하기 1-1. 프로세싱 IDE에서 이용하기 프로그래밍에 대해서 완전 처음이라면 프로세싱 IDE를 사용하는 걸 추천합니다. 별도로 세팅할 것

p5.js를 통해 프로젝트를 생성하고, 생성된 프로젝트에 대하여 탐구합니다. 본격적인 코딩은 4. 기본 도형 그리기 부터 시작합니다!프로세싱 IDE에서 p5.js 모드를 하면 위와 같은 창이 나오게 됩니다. 내부에는 두 개의 파일(Sketch\_\*\*\*\*\*\*\