常见几何体

Three.js提供的几何体API很多，一开始常见的如下所示

详情见：几何体

//BoxGeometry：长方体
const geometry = new THREE.BoxGeometry(100, 100, 100);
// SphereGeometry：球体
const geometry = new THREE.SphereGeometry(50);
// CylinderGeometry：圆柱
const geometry = new THREE.CylinderGeometry(50,50,100);
// PlaneGeometry：矩形平面
const geometry = new THREE.PlaneGeometry(100,50);
// CircleGeometry：圆形平面
const geometry = new THREE.CircleGeometry(50);

双面可见

对于平面几何体，默认只有正面可见

对于矩形平面PlaneGeometry、圆形平面如果你想看到两面，需要将材质的side属性设置为THREE.DoubleSide。

new THREE.MeshBasicMaterial({
    side: THREE.FrontSide, //默认只有正面可见
});

new THREE.MeshBasicMaterial({
    side: THREE.DoubleSide, //两面可见
});