How could I do this in three.js?

Miguel_Angel_Espindola · August 17, 2021, 4:29am

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

dubois · August 17, 2021, 6:59am

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

Mugen87 · August 17, 2021, 7:52am

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.

prisoner849 · August 17, 2021, 7:57am

Another option: Drawing with THREE.LineDashedMaterial()

Miguel_Angel_Espindola · August 19, 2021, 7:56pm

thanks for the ideas

Miguel_Angel_Espindola · August 19, 2021, 7:57pm

thanks again jajsjs

mjurczyk · August 21, 2021, 9:46pm

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:

Topic		Replies	Views
How to animate THREE.Line objects from startPoint to endPoint? Questions geometry , animation , vertices , line	12	11423	March 28, 2019
Render geometry on top of eachother in Three.js Questions geometry , plane , render	1	1799	September 27, 2020
Few questions how to improve performance in the current scenario Questions geometry , performance	9	1225	December 20, 2022
Three.js rendering and browser rendering Questions geometry , rendering	1	456	November 2, 2023
Add geometry in for loop and render it imedietly Questions geometry , animation	5	679	October 8, 2022

How could I do this in three.js?

Related topics