본문 바로가기

Programming/javascript

vscode에서 p5js 사용하기

1. Extension에서 snippet과 p5canvas를 설치한다.

 

2. Extension들을 설치하고 아래처럼 왼쪽 밑에 p5canvas를 클릭하면 도형이 그려진다

 

3. frameCount

console 창을 확인해보면 신기한 현상을 볼 수 있다!

4. 색칠하기

background : canvas 색깔

stroke : 가장자리 선

fill : 도형 내부 색

 

아래 강의를 참고하였다.
https://www.youtube.com/watch?v=nmZbhManVcY

'Programming > javascript' 카테고리의 다른 글

마우스 관련 함수  (0) 2020.06.22