P5.js 기초 강의 | 생활코딩

시작하기

• function setup() { ... } : 최초로 한번만 실행되는 코드 (초기화)
• function draw() { ... } : 애니메이션과 같이 반복적으로 실행되어야 하는 코드
• createCanvas() : 캔버스 영역 설정
• random() : 홈페이지 참고
• mouseX, mouseY : 현재 마우스 포인터의 X, Y값
• pmouseX, pmouseY : 이전 마우스 포인터의 X, Y값
• windowWidth, windowHeight : 윈도우의 width, height 값

 

※ 피타고라스의 정리

출처 : https://alphaint.tistory.com/3

• pow(n1, n2) : n1의 n2 제곱  *ex) pow(3,3) = 3x3x3
• sqrt(n) : n의 제곱근

 

 

삼각함수

출처 : https://www.youtube.com/watch?v=C6VG4d28z3A

• cos 동경의 x 좌표
• sin 동경의 y 좌표

 

※ 라디안이 커질 때(양수) 동경은 시계 방향으로 회전한다