p5.js Web Editor

Screen Recording 2024-03-14 at 2.17.13 AM.mov

A 3D particle system with vertex visualizing the repulsion between each particle.

Inspiration

When people are waving fireworks sticks, sparks always connect with their last position visually. Meanwhile, the sparks are falling away from each other. I have done a 2D version of a small firework, so I decided to add more forces in the particle system to simulate it.

a4626de66ec51eeac536ec56d35264c1.jpg

I started by turning the basic particle system example from the video into 3D.

Screen Recording 2024-03-14 at 1.08.59 AM.mov

Then I use vertex to connect the falling particles position.

Screen Recording 2024-03-14 at 3.28.05 AM.mov

I tried this.acc.set(0,0) to reset the acceleration.

Without mass

Without mass

With mass

With mass

Finally, I add repulse force to the falling particles.

Screen Recording 2024-03-14 at 2.17.13 AM.mov

I also tried different amounts of particles.