三个 JS 变形不同的几何形状

Question

我正在使用EdgesGeometry 来渲染我的对象。现在我正在寻找一种将四面体变形为八面体、八面体变形为盒子、盒子变形为球体的方法，并以相反的顺序进行。浏览了大量文档、讨论和视频——所有内容要么过时、不推荐使用，要么只是吝啬的​​文字解释。我找到了一种使用TWEEN.js 变形BufferGeometry 对象的方法，但就我而言，我需要变形EdgesGeometry 对象。 如果有人给我一些很好的链接甚至代码示例来说明如何做到这一点，我将不胜感激。 谢谢

Answer 1

Morph targets 有很好的结果。否则，将顶点和 lerp 循环到相应的 Vertex3。您可以使用后期处理效果着色器来柔化过渡，例如散景或元球。