Hi everyone!
I’ve been trying to animate some points and here is what I’ve got so far:
https://asheptunov.ru
You can switch between animations by clicking the tabs at the top and the controls.
Also the “Colors” tab will allow you to generate AI image with your prompt and will apply it to the points.
Animations are realtime and may take some performance so there is a lighter version of it with less points: https://asheptunov.ru/?mode=lite
Hi! It’s very beautiful. Do you have a source code? And what optimization methods did you use?
Hi! Thank you for your comment.
I didn’t post the project on github or smth but you can check it out in brouser console, the code is not confuscated.
Well, in terms of optimization the main issue was to reduce the number of calculations made for each point in each frame. Most operations are performed not every frame but a certain number of times per second. There is also a fuse that starts skipping points in the animation loop when the fps drops below a certain value.
Thank you very much!
Great idea, I like it !
Here is something similar, for inspiration 
And maybe you have seen these examples, but if not, they can help:
https://threejs.org/examples/?q=gpu#webgpu_tsl_compute_attractors_particles
https://threejs.org/examples/?q=gpu#webgpu_skinning_points
Thanks! Yeah, saw them, but couldn’t use some webgpu features couse it’s API was not fully supported.
