particles animation

[AudreyKj]

Hello everyone!

I’m learning React-Three-Fiber, and I want to make a tunnel with particles that go out of it, going towards the viewer.

I’m using this threejs code as a reference: https://github.com/Mamboleoo/InfiniteTubes/blob/a3b831b6c95bed4d803dfeed8b66ec76de333996/js/demo2.js 1

here is the live demo of what i want to make (from the threejs code): https://tympanus.net/Development/InfiniteTubes/index2.html 2

I’ve already managed to make the tunnel, but I’m stuck on the particles:

• I’ve managed to make one mesh that comes out of the tunnel and comes towards the viewer, but the movement is really staggered and I’m wondering how I could make it smoother
• I’m struggling to make a group of particles: I can’t make a separate component because the particles’ position are based on data from the tunnel.

here is my sandbox: https://codesandbox.io/s/particle-in-tunnel-b17ng?file=/src/objects/App.tsx

any help would be greatly appreciated!

[jfoxworth]

The sandbox isn't working well for me. I would try an instanced mesh - depending upon how many points you have.