three.jsで表現したパーティクルの集合図形を整列させたい。

Question

以下のURLにあるように、スクロールしたらパーティクルが集合し、図形を表現する動きを実装しています。

リンク

コード内にもありますが、集合する図形の座標情報はstlの３dデータをblenderという3d編集ソフトを使用してjsonデータに変換したものを読み込んでいます。
しかし、こちらの座標情報だと頂点座標しか格納されていないために、パーティクルで表現するとパーティクルの密度がバラバラになってしまい、いまいちよくわからなくなってしまいます。
以下のサイトのようにパーティクルの間隔を均一に表現したいのですが何か方法はありますでしょうか。

参考サイト

ちなみに、スクロールして一番はじめに生成される図形は以下の画像にあります図形をよみこんでいます。

Answer 1

Blender側で格子点上に頂点のみが配置された物体を用意して、boolean modifierで物体内部の格子点のみ残すようにすれば内部をparticleで充填した物できると思います。
また、表面だけ頂点を置きたい場合は
Smart Uv ProjectでUVマップをした後にpython scriptでUV map上の格子点を
UV座標からXYZ座標に変換して頂点を配置すれば良いと思います。