three.js - 3 つの js を使用して複数のポリゴンを単一のジオメトリに作成する方法

Question

私はいくつかの国ポリゴンを持っています。3 つの js を使用して球体の上に描画したいのですが、これらのポリゴンを描画しようとすると、fps が 3fps に低下します....

誰かが私に 1 つのジオメトリを作成し、すべてのポリゴンを含めるように言ったのですが、例はありましたか?

私がやっていること：

foreach countrie in countries 
  geometry = new THREE.shapeGeometry();
  geometry.push(vectorArray);
  var mesh = new Mesh(geometry);
  globe.Add(mesh);

250 か国以上で、Three js は 38k 以上のバッファを作成します。奇妙な動作、制御なしでは、そのようなバッファを作成できないはずです...では、どこが間違っているのでしょうか? 私は助けが必要です。

Answer 1

three.js クラスTHREE.GeometryUtilsには、このような状況で役立つメソッドがいくつかあります...

特に、merge2 つの Geometry オブジェクトを 1 つに結合するメソッドがあります。3 つのジオメトリ オブジェクト があるとしますcountry1, country2, country3。次に、次のようなことができます。

temp = THREE.GeometryUtils.merge( country1, country2 );

allCountries = THREE.GeometryUtils.merge( temp, country3 );

お役に立てれば！