three.js - ExtrudeBufferGeometry 导致输出旋转

Question

我正在尝试挤出一些形状，但是我发现在挤出之后，输出看起来像是被旋转了一点。

我渲染三角形的实际形状和在负 Z 方向挤压后三角形的挤压形状。挤出效果很好，但输出方向发生了变化，看起来是旋转的。

当我使用自定义曲线进行拉伸时，也会发生这种情况。

这是代码：

https://codesandbox.io/s/extrude-oxf8v

标签： three.js

Answer 1

我找到了一个技巧来处理这个问题，并且我已经测试了一些效果很好的案例：

要将任何形状从 A 挤出到 B（vector3），同时防止它不自动旋转：

1. 使用“ depth ”而不是“ extrudePath ”来拉伸几何
2. var mesh = new THREE.Mesh(geometry,material);
3. 网。position .copy(A) //定位到起点
4. 网。看看（B）//事情完成了！