p5.js의 기본 구조 (1) 썸네일형 리스트형 p5.js 기본 구조와 좌표체계 p5.js의 기본 구조 p5.js의 기본 구조는 아래 코드에서 보는 것과 같이 setup, draw 2개의 시스템 함수로 이루어져 있다. (자바스크립트의 함수 정의는 function 키워드로 시작됨) function setup() { createCanvas(400, 400); // 초기에 한 번 실행할 내용을 적어 준다 } function draw() { background(220); // 반복적으로 실행할 내용을 적어 준다 } setup 함수 : 초기화를 하는 부분으로, 처음에 한 번만 실행 draw 함수 : 반복적 실행 p5.js 좌표 체계 우리가 수학 시간에 접하던 좌표와 ps5.js에서의 좌표는 좀 다르다. 가로축이 X, 세로축이 Y인건 같지만 가운데가 아닌 화면의 좌측 상단이 (0,0)이 된다... 이전 1 다음
