Hi there, I am looking for a way to animate curved arrows going from point A to B. They can be static as well. But I am not sure where I should start. Also before I do animation I am also not sure how I can create a curved object that looks like an arrow. If anyone can point me to right direction…

And here is the arrow. [2022-04-08 20.34.35] But you have to create the peak separately, otherwise it is only correct from a distance. for ( let i = - 25; i <= 0.4; i ++ ) { points.push( new THREE.Vector3( i / 4 * Math.sin( i / 20 ), 0, -i / 2 ) ); } for ( let i = - 5; i <= 5; i ++ ) { …

How to animate curved arrows in threejs?

Questions

AdaRoseCannon April 8, 2022, 12:19pm 10

If you need many arrows there is also an instanced version which is useful for animating 100s of objects at the same time such as: XR Koi Garden

2 Likes

Topic		Replies	Views
Best way to animate an Object3D from one point to another Questions math	9	3144	October 22, 2020
Helix likes animation Questions animation	19	1782	August 30, 2021
Need advice on pipe bending simulation Questions geometry , animation	2	1122	January 16, 2020
How do you make a custom arrow? Questions geometry	8	2293	August 28, 2023
Animate path between two points on globe threejs Questions animation	3	1590	March 29, 2023

How to animate curved arrows in threejs?

Related topics