Three.js | Geometry - BoxGeometry

Geometry - BoxGeometry

boxgeometry인자로

x크기,y크기,z크기,x분할수,y분할수,z분할수

이렇게 인자를 받는데

x분할수,y분할수,z분할수 를 생략시 기본값은 1이다

_setupModel() {
    const geometry = new THREE.BoxGeometry(1, 1, 1);
    const fillMaterial = new THREE.MeshPhongMaterial({ color: 0x515151 });
    const cube = new THREE.Mesh(geometry, fillMaterial);

    const lineMaterial = new THREE.LineBasicMaterial({ color: 0xffff00 });
    const line = new THREE.LineSegments(
        new THREE.WireframeGeometry(geometry),
        lineMaterial
    );

    const group = new THREE.Group();
    group.add(cube);
    group.add(line);

    this._scene.add(group);
    this._cube = group;
}

 

 

세그먼트 수를 2로 늘려보자

_setupModel() {
    const geometry = new THREE.BoxGeometry(1, 1, 1, 2, 2, 2);
    const fillMaterial = new THREE.MeshPhongMaterial({ color: 0x515151 });
    const cube = new THREE.Mesh(geometry, fillMaterial);

    const lineMaterial = new THREE.LineBasicMaterial({ color: 0xffff00 });
    const line = new THREE.LineSegments(
        new THREE.WireframeGeometry(geometry),
        lineMaterial
    );

    const group = new THREE.Group();
    group.add(cube);
    group.add(line);

    this._scene.add(group);
    this._cube = group;
}