Question

我想问一下Three.js。如何获得一个对象，它几乎是CylinderGeometry但是一侧（顶部或底部）不是圆形。它可以是一个椭圆形，矩形，任何封闭的形状......

它与SolidWork软件中的Loft命令类似。

任何人都可以帮助我。

谢谢，红

Answer 1

创建一个＆＃34;棱镜＆＃34;在两个任意形状之间平滑地移动到另一端并不是一个简单的操作。

Three.js有一些原语（比如你提到的CylinderGeometry），但没有什么可以为你自己做的。鉴于此任务的复杂性，最好在实际的3D建模软件（即Blender3D）中生成您的形状，然后将其导入场景。

Answer 2

应该可以创建一个2d形状，然后使用THREE.js将其拉伸到3d对象。例如，请参阅下面的代码以创建圆角框几何图形。以类似的方式，您可以创建一个椭圆并挤出它。

<table border="0" cellpadding="0" width="100%">
  <tr>
    <td style="vertical-align:top" width="27%" colspan="3">
      <center><img src="IMAGE_URL" hspace="10"/><br/><a href="URL" title="TITLE" target="_blank"><img src="IMAGE_URL" onmouseover="this.src='IMAGE_URL'" onmouseout="this.src='IMAGE_URL'"/></a></center>
    </td>
    <td align="justify" style="vertical-align:top; line-height:20px" width="73%" rowspan="10">
      <font size="3">TEXT</font>
    </td>
  </tr>
  <tr>
    <td style="vertical-align:top; line-height:20px; font-size:15pt;" colspan="3">
      <br/><center><b>TEXT</b></center>
    </td>
  </tr>
  <tr>
    <td style="vertical-align:top; line-height:20px" width="10px">
      <p align="right">TEXT<br/>TEXT<br/>TEXT</p>
    </td>
    <td style="vertical-align:top; line-height:20px" width="10px">
      <p align="right">TEXT<br/>TEXT<br/>TEXT</p>
    </td>
    <td style="vertical-align:top; line-height:20px" width="10px">
      <p align="left">TEXT<br/>TEXT<br/>TEXT</p>
    </td>
  </tr>
</table>

三：如何获得一个物体，它几乎是CylinderGeometry但顶部不是圆形

2 个答案: