在 three.js 中创建平底锥形几何体？

Question

正在尝试弄清楚如何创建类似于下图的内容...尝试四处搜索但无法真正弄清楚...

Answer 1

尝试 CylinderGeometry。 class 允许为顶部和底部定义不同的半径。

let mesh;
let camera, scene, renderer;

init();

function init() {

  camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 0.01, 10);
  camera.position.z = 2;

  scene = new THREE.Scene();

  const geometry = new THREE.CylinderGeometry(0.2, 0.5, 1, 16);
  const material = new THREE.MeshNormalMaterial();

  mesh = new THREE.Mesh(geometry, material);
  scene.add(mesh);

  renderer = new THREE.WebGLRenderer({
    antialias: true
  });
  renderer.setPixelRatio(window.devicePixelRatio);
  renderer.setSize(window.innerWidth, window.innerHeight);
  renderer.setAnimationLoop(animation);
  document.body.appendChild(renderer.domElement);

}

function animation(time) {

  mesh.rotation.x = time / 2000;
  mesh.rotation.y = time / 1000;

  renderer.render(scene, camera);

}

body {
      margin: 0;
}

<script src="https://cdn.jsdelivr.net/npm/three@0.133.1/build/three.min.js"></script>

在 three.js 中创建平底锥形几何体？

Create cone geometry with flat base in three.js?

three.js