How would I go about creating wind lines?

Questions
,
1

I’ve read through an article talking about replicating wind lines from Wind Waker, and the author talks a lot about how the geometry of a line is manipulated into a ribbon/wind line. More specifically, he mentions converting points of a line into two points, then stretching those along some direction. What’s the best way to go about doing this in Three.js? Any tips or pointers appreciated.

Article:Medium

1 Like
2

https://threejs.org/examples/#webgl_geometry_extrude_splines

https://threejs.org/examples/?q=splin#webgl_geometry_spline_editor

3 Likes
3

Here is a pointer:

https://codepen.io/boytchev/full/qBLNEVZ

It might be useful … or not useful. I have no idea, because the link to the article gives me 404.

2 Likes
4

Whoops try this.