Not able to convert Particles into texts

Hello everyone,

I’m new to Three.js and I’m trying to build an animation where particles form the shape of text. I am able to make text from the particles, but I’m not able to complete the remaining animations. What I want is the following:

  1. Particles should form a horizontal line across the text. The particles of the text should move along the horizontal axis and later disperse across the full screen from the endpoints of the line.
  2. There should be an empty space around the text, with only a few particles present. These particles should help in creating the line.

Please look at the animation of the Reference that i want to create, Please look at the footer of this site : https://snp.agency/

and this is my codepen : https://codepen.io/Mohit-Mishra-the-looper/pen/ZEdjyZZ

Please help me… i want to create same as that refrence site that i gave.

https://threejs.org/docs/#examples/en/math/MeshSurfaceSampler