마우스 관련 함수

 

1. mouseX, mouseY

ellipse의 x좌표를 mouseX로 지정하면 ellipse의 x좌표가 마우스를 따라다닌다.

 

2. Setup and Draw

setup은 p5js가 컴파일 되면서 한 번만 실행된다. 반면에 draw는 매번 새로 실행되는데, backgroud 함수를 draw가 아닌 setup에 두면 이 전 canvas를 지우지 않고 거기에 덧대에서 새로 그리게 된다.

 

3. mousePressed

마우스를 누르면 함수가 실행된다.

 

참고 : https://www.youtube.com/watch?v=RnS0YNuLfQQ