Please forgive my poor English .
Hi,every one.
I used Line2 to generated an dashed fat line, is there any method to give each dashed line part an arrow shaped head.
Not a built in way.
But you can use a cylinder to make a cone, and place it at the endpoints maybe?
Thanks for reply.
Use cylinder to generate the arrow may too expensive, can we start with the shader?
Yeah but itās gonna be hard.
You can borrow shapes from Inigo Quilez and mix them⦠with some adjustments.
But like @manthrax wrote that very hard and⦠for me (without ready patterns) probably almost impossible. So.. I vote for cylinder ā cone and cylinder ā ālinesāā¦
Is too hard for me ā¦
The reason why I donāt use cone and cylinder is that i have many lines and then want them to turn into an arrow flow. Will using the method cylinder ā cone and cylinder ā ālinesā...
lead to performance issues.
The Line2
generated fat line can use dashOffset property to make a flow effect,thatās why I asked if we could start from hereā¦
You can use a CatmullRomCurve3 with an InstancedMesh and distribute cone
or cylinder
geometries along the path, similar to the approach in the spline example.
Line2 use an InstancedMesh under the hood, so the performances are the same or even better.
I like the way how even single arrows ābendā around narrow turns
I have already implemented a version using the texture method.
I had used three-path
lib to generate the path and set an arrow picture as texture, but the only problem is that the path isnāt always visible because itās flat.
If your paths are strictly straight lines, you could combine the inherently 2D texture solution with a billboarding approach. For 3D curved paths that probably wouldnāt be enough, if at all feasible.
Need for rotateble shader like three.quarks ā particle system / VFX library for three.js
GitHub - Alchemist0823/three.quarks: Three.quarks is a general purpose particle system / VFX engine for three.js
OKļ¼thanks.