three.js沿圆弧/样条曲线设置形状拉伸动画

您好，如果您想知道如何在中设置挤出计量的动画，一定是疯了three.js沿着弧线（四分之一弧线）的。我已经能够通过挤出设置的“数量”值实时增加挤出量，并通过一个样条曲线进行挤出3.CatmullRomCurve3路径。但我不知道如何沿圆弧路径平滑地向内/减少挤出。
有什么想法吗？万分感谢！nPs.我试着通过“新建”来画一条椭圆曲线三、埃利普塞库夫通过\"新三、小径( 圆.getPoints（10））“将它们逐步添加到CatmullRomCurve3中，但失败。
我认为这不会奏效-几何图形通常不会实时更改。
但有一种可能性是使用ExtradeBufferGeometry（您通常应该在几何体上使用BufferGeometry），创建完整的几何体，然后设置.drawrange 19以控制渲染的数量。这取决于在几何体中创建顶点的方式。
正如Looee所说，三次拉伸并不是为了实时进行的，为了获得视觉上的平滑生长，还可以使用着色器，添加顶点属性，该属性存储顶点沿样条线的长度位置。然后，您可以沿样条线缩放或淡入淡出，但如果它在视觉上符合您的需要，使用Looee建议的drawRange可能会更方便。
感谢您的回复！要使用。setDrawRange听起来非常有趣。在性能上可能更强大。有人有这方面的例子吗？
与此同时，我还想知道如何使用.extrudeBufferGemoetry来实现这一点。我首先想从头开始画一条椭圆路径（因为不支持2DVectorpath），并使用了一个变量作为结束角。通过=（degreesStart*数学圆周率)=（radiansStart-radiansEnd）*t；返回新的3.Vector3（半径*数学系（段），半径*数学·辛（段），0）；}；}
这有点慢，步骤很多，但现在还可以。
你应该注意实时生成几何体，不是这样的只有性能/速度，而且内存增长非常快，GC没有跟上，或者可能会有小内存泄漏，而这些泄漏会发展成大内存泄漏，这可能会导致不久或稍后的崩溃，在移动设备上。对于drawRange，您只需将drawRange.count设置为面数*3，但从视觉上看，这意味着每个三角形都会一个接一个地弹出下一步，随着步幅和速度的增加，这看起来应该很平稳。
我理解，听起来像是需要担心的事情。如果我每次用重绘的网格删除它，它是否也会填满内存场景。移除（）；在再次绘制之前，以及仅在拉伸动画期间？
因为我现在就是这样做的，而且看起来效果还不错。
但不确定场景中添加了更多内容，显然…
谢谢！n@Fyrestar我试图通过.setDrawRange设置范围，但似乎不起作用：n//make extrudebuffergeometry out of an previously defined shape +>nwhat am i doing wrong?nthe shape draws fine without .setDrawRange but disappears when it\"s set…nalso>nresults in non display of the mesh. even though console.log returns \"infinity\" as standart forgeometry1.drawRange.count and it correctly returns the right set value after setting it.nEDIT:nI actually found that .setDrawRange(); will draw the vertices step by step only by very high values.nFor example when using a STAR shape, it draws only each edge one after another, starting by a value like 100 to 300, even though steps are set to 10 in the extrudeSettings…nTherefor, when setting drawRange.count to under 100 it results in non display.n– not really what i was looking for, though nA shader approach could give you the wanted visual result, it requires some work though.nSimpler than the shader approach might be to create lots of geometries, each the representing one \"growth step\" then combine them into one. If each original geometry has a specific number of vertices then you can just increment drawrange每次按该数字设置。
或者您可以将它们分开，并控制它们的可见性-在这种情况下，您可能需要研究实例以获得最佳性能
Animate extrusion of shape alongside arc/splinen

three.js沿圆弧/样条曲线设置形状拉伸动画

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形