Programming/javascript (2) 썸네일형 리스트형 마우스 관련 함수 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 vscode에서 p5js 사용하기 1. Extension에서 snippet과 p5canvas를 설치한다. 2. Extension들을 설치하고 아래처럼 왼쪽 밑에 p5canvas를 클릭하면 도형이 그려진다 3. frameCount console 창을 확인해보면 신기한 현상을 볼 수 있다! 4. 색칠하기 background : canvas 색깔 stroke : 가장자리 선 fill : 도형 내부 색 아래 강의를 참고하였다. https://www.youtube.com/watch?v=nmZbhManVcY 이전 1 다음
