How can I implement the content GIF effect?

I’m trying to implement this GIF explosion using THREE.Points.

I start with the thing inside the red box
I figured if I can implement that, then I just need to new 10 or more to animate the “dirt” part.

So i did the following things

1. Each frame create 5 point/particle
2. Each frame all living points/particles move up along Y axis
3. Each particle size first increase then decrease (the diagram below)

But the performance like too “soft”,too smoky / cloudy
What do i miss ?
Any help would be great!