Three.js Ribbon在threejs中的替代方案

有没有人有一个简单的例子，一个功能区在threejs

我看过这些例子，但第一个使用了不再存在的THREE.Ribbon，而第二个似乎过于复杂，因为我只想在threejs中构建一个Ribbon，它看起来像我在上一篇文章中发布的这些Ribbon

如果没有人可以选择的话，我正处于崩溃的第二阶段。 谢谢

注意-要清楚，我不是要求任何人做的工作，我只是想要一个链接或一个指向正确方向的点

编辑

好吧，我用这个做了一点头绪。我创建了一个JSFIDLE，它的功能区的第一部分如下所示：

这是我试图旋转向量的方向，我认为应该是y轴，以得到色带的曲线：

---

不是最终的解决方案，只是一个想法

将THREE.ExtradeGeometry与THREE.CatmullRomCurve3一起使用。结果与您期望的结果并不完全相同，但非常相似

您可以交换hh和hw的值，并查看结果如何变化

var场景=新的三个场景； var摄像机=新的三视角摄像机60，window.innerWidth/window.innerHeight，11000； camera.position.set0,0,3； var renderer=new THREE.WebGLRenderer{ 反别名：对 }; renderer.setSizewindow.innerWidth，window.innerHeight； renderer.setClearColor0x181818； document.body.appendChildrender.doElement； var controls=new THREE.OrbitControlscamera，renderer.domElement； scene.addnew THREE.AmbientLight0xffffff.3； var light=新的3.DirectionalLight0xffffff.7； light.position.setScalar10； scene.addlight； scene.addnew THREE.GridHelper2,10； var ribbonBase=new THREE.CatmullRomCurve3[ 新的三矢量3-1,1,0， 新的3.3-1，1.2，0， //新的三矢量3-1,1,0.125， 新的三点矢量30,0,0.5,， //新的3.31，1，0.125， 新的3.1，1.2，0， 新的3.3矢量31，1，0 ]; var段=300； var hh=0.0625； var hw=0.001； var profile=新的三个形状[ 新的三矢量2-hw，-hh， 新的三点矢量2-hw，hh， 新三点，矢量2HW，hh， 新的3.Vector2hw，-hh， 新三点矢量2-hw，-hh ]; var RibbongGeometry=新的三点挤压计量器{ 步骤：200， bevelEnabled:错， 挤出路径：ribbonBase }; var ribbonMaterial=新的3.0网格LambertMaterial{ 颜色：白色 }; var ribbon=新的三网格ribbon几何，ribbon材料； scene.addribbon； 提供 函数渲染{ requestAnimationFramerender； renderer.renderscene，摄影机； } 身体{ 溢出：隐藏； 保证金：0； }

---

也许挤出曲线可以帮助你们：uhura-很好的链接。我以前从来没有见过这样的东西，所以我会调查它，并在后面写不清楚，如果它帮助我用三个几何体，而不是三个。tub几何学@囚徒849，你的小提琴很近——我正为我的需要而解剖它。如果你把它作为答案贴出来，我会接受的。我贴了答案。谢谢你。如果您有时间，可以解释轮廓顶点背后的含义，以及它们与网格作为一个整体的关系吗？