javascript - 如何更改 Three.js 中几何体的基本参数(例如半径、顶点数等)

Question

我创建了一个半径为 3 的四面体

   // create a tetrahedron
   var tetGeometry = new THREE.TetrahedronGeometry(3);
   var tetMaterial = new THREE.MeshLambertMaterial(
        {color: 0x20f020, transparent:true, opacity:0.6});
   tet = new THREE.Mesh(tetGeometry, tetMaterial);
   tet.name='tet';
   tet.castShadow = true;

后来，我想让四面体长大:

   // change hedron
   scene.getObjectByName('tet').radius = control.hedronRadius;

这行不通。

   // change vertices
   scene.getObjectByName('tet').detail = control.hedronVertices;

这也行不通。

   scene.getObjectByName('tet').verticesNeedUpdate;

这没有帮助。

那么如何更改四面体(或任何几何图形)的半径以及如何更改顶点。

在文档中我看到引用:

• 几何
  • .动态
  • .变形
  • .verticesNeedUpdate
  • .规模

还引用了用于动画几何图形的骨骼和骨架以及蒙皮网格。

一般来说，我如何更改几何图形的这些方面？
那么增加四面体的半径，或者改变顶点数量以使其成为不同数量的多面体，最合理的建议方法是什么？

Answer 1

要更改几何形状，您需要使用:

morphTargets: true

I've prepared an example using a tetrahedron as you mention in jsfiddle 。使用 slider 更改几何形状。

要制作一些自定义顶点并用面“填充”它们，您需要了解数学中的很多知识，例如；点、向量等

I've done 2 simple flat objects, triangle and square in jsfiddle .

我希望您能够轻松理解它的一般工作原理。