p5.js 직사각형 그리기 rect( )

캔버스에 직사각형 그리기변이 4개이고 모p5.js 직사각형 그리기 rect( )든 변 사이 각도가 90도인 도형rectMode( ) 함수로 사각형 그리기 모드를 변경하면 모든 매개변수값이 다르게 해석됨

---

[문법]

 

1)rect(x, y, w, [h], [tl], [tr], [br], [bl] )

• x : 직사각형의 x 좌표값

• y : 직사각형의 y 좌표값

• w : 직사각형의 너비값

• h : 직사각형의 높이값

• tl : 좌측 상단 모퉁이 각도값 (선택사항)

• tr : 우측 상단 모퉁이 각도값 (선택사항)

• br : 우측 하단 모퉁이 각도값 (선택사항)

• bl : 좌측 하단 모퉁이 각도값 (선택사항)

 

 

2)rect( x, y, w, h, [detailX], [detailY] )

• x : 직사각형의 x 좌표값

• y : 직사각형의 y 좌표값

• w : 직사각형의 너비값

• h : 직사각형의 높이값

• detailX : 정수, x축 방향의 선분 수

• detailY : 정소, y축 방향의 선분 수

 

---

p5.js 직사각형 그리기 rect( )

 

 

 

p5.js 캔버스에 직사각형 그리기 rect( )