Geometry - PlaneGeometry
1.구성
planegeometry는 4개의 인자를받는다
width, height, widthSegments, heightSegments
2. 너비에 대한 길이
첫번째 인자는 너비에 대한 길이이다.
기본값은 1이다
0.5로 변경해보자
const geometry = new THREE.PlaneGeometry(0.5);

3.높이에대한 길이
두번째 인자는 높이에대한 길이이다.
3으로 수정해보자
const geometry = new THREE.PlaneGeometry(0.5, 3);

4. 너비 방향에 대한 분할 수
세번째 인자는 너비 방향에 대한 분할 수 이다.
기본값은 1이다.
2로 변경해보자
const geometry = new THREE.PlaneGeometry(0.5, 3, 2);

5. 높이 방향에대한 분할 수
네번째 인자는 높이 방향에대한 분할 수 이다
5로 변경해보자
const geometry = new THREE.PlaneGeometry(0.5, 3, 2, 5);

반응형
'프론트엔드 > 🧊 ThreeJS' 카테고리의 다른 글
| ThreeJS | FPS drop 방지를 위한 성능최적화 (0) | 2024.06.04 |
|---|---|
| Three.js | Stats 라이브러리 추가하기 (0) | 2024.05.19 |
| Three.js | Geometry - RingGeometry (0) | 2024.05.11 |
| Three.js | Geometry - SphereGeometry (0) | 2024.05.11 |
| Three.js | Geometry - CylinderGeometry (1) | 2024.05.06 |