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