How to update tubeGeometry geometry based in lineCurve modifications?

[hofk]

For dynamic changes of the geometry, the vertices must have an update.

.attributes.position.needsUpdate = true;

A dynamically deformable circle (+shader)

The default circle of three.js (CircleGeometry) has one vertex in the center point and the others at the edge. If you want to animate the circle area, you need much more vertices. CircleDynamicallyFormable [2021-12-29 12.10.33] // inputs const geometry = new THREE.BufferGeometry( ); const radius = 0.96; const radiusFunction = ( r, theta, t ) => r * ( 1 + 0.03 * Math.sin( theta * 18 ) * Math.cos( t ) ); const heightFunction = ( n, t ) => 0.04 * ( 1 + Math.sin( Math.PI * n * 12 ) ) * Math…

Curved2Geometry - a twofold curved geometry

Construction One defines with some 3D points the center curve and for some angles the orthogonal radial distances of the hull from these points. By specifying the maximum values, one determines the vertical and radial fineness of the representation. With a definition string of three characters one determines whether caps are to be generated and whether these are to be flat or smooth. The third character allows radial connection without seam or symmetrical geometry. For symmetrical geometry t…