I want to implement an animation. The animation should be a line move to another line. There will be some deformation in the process of the line moving There is a correspondence between the points of the two lines. How to implements it with three.js? [2022-03-25_105602] [2022-03-25_105813]

Tks.But some of the example are too old for three.js version. And find the source cost me some time. Finally I find the solution in three.js animation morphTargetInfluences

Animate every point of a line to another line

Questions

hofk March 25, 2022, 7:40am 2

In these examples, the geometry is animated. You can do it similar to this.

From the Collection of examples from discourse.threejs.org.

SwingingPolygon

CorrugatedFabric
CircleDynamicallyFormable
MorphBoxSphere
Curved2Geometry

Topic		Replies	Views
Use Animation Clip to Move the End-point of a Line Questions geometry , animation	2	776	March 20, 2023
Shape lineTo animation [noob question] Questions geometry , animation	5	1318	December 27, 2019
Animate Line transformation Questions animation , transform	1	567	February 18, 2023
Issue with Points animation with morphTargets Questions geometry , morph-targets	1	1136	December 16, 2018
How to animate THREE.Line objects from startPoint to endPoint? Questions geometry , animation , vertices , line	12	11794	March 28, 2019

Animate every point of a line to another line

Related topics