How could I do this in three.js?

I do this animation using manince but I wanna know if could do the same using threejs

I think that this is possible to do, but maybe someone can correct me.

1 Like

Reminds me at: three.js vr - lorenz attractor

The idea is to incrementally update the geometry buffers with new values. An even faster (and probably preferable) approach is to setup the buffers all at once and then use the drawRange property to control which part of the geometry should be rendered.

5 Likes

Another option: Drawing with THREE.LineDashedMaterial()

1 Like

thanks for the ideas

thanks again jajsjs

Just noticed this thanks to prisoner’s post - if your source isn’t a geometry or an SVG, it’s also possible with a fragment shader and edge detection:

1 Like