p5.js 캔버스에 3차원 상자 그리기 box( )

• 사용자가 지정한 너비, 높이, 깊이로 상자를 그리기

---

[문법]

1) box( [width], [Height], [depth], [detailX], [detailY] )

• width : 상자의 너비 값 (선택사항)

• Height : 상자의 높이 값 (선택사항)

• depth : 상자의 깊이 값 (선택사항)

• detailX : (정수) x-차원상의 삼각 세분면 개수 (선택사항)

• detailY : (정수) y-차원상의 삼각 세분면 개수 (선택사항)

---

p5.js 캔버스에 3차원 상자 그리기 box( )

 

 

 

( 동영상 추가하여 넣기)

---

* WEBGL

• p5.js의 두 가지 렌더링 모드 중 하나
• P2D(기본 렌더러) 및 WEBGL 세번째 차원을 도입하여 3D 렌더링을 활성화 함
• createCanvas( ), createGraphics( ) 함수 안에 사용됨
  • createCanvas(WEBGL) or createGraphics(WEBGL)

 

* rotate( )

• 사용자가 지정한 각도 매개변수에 따라 도형을 회전
• rotateX( ) : x축을 따라 회전
• retateY( ) : y축을 따라 회전